书签添加成功后,书签栏无法实时更新

Question

老师你好,将书签栏存储在localstorage中,在书签页中,通过mounted钩子函数去获取,这样的话,新添加一个书签栏中是无法做到同步展示最新的,需要点击下方的目录与书签栏进行切换,如果要实时更新,可以将书签在下拉保存的时候同时在vuex中存储一份相同的,从vuex中去获取,这样可以同步跟新

Answer 1

Sam 2018-12-07 21:59:22

非常感谢你的建议，这是一个非常细致的问题，你的实现方案很好！

• cher6271 #1

  我做这部分的时候一直在想为什么bookmark只存放在localstorage中而不再vuex中保存一份，还想着老师你是不是想减少运行时内存，毕竟书签一多存的东西就会很多(；´д｀)ゞ
  所以放在vuex中会占内存吗，除了用vuex方法解决还有什么方法能解决呢？

• Sam 回复 cher6271 #2

  主要因为bookmark需要离线缓存，如果将bookmark存到vuex中一份，会增加程序的复杂度，因为要考虑localstorage和vuex数据同步问题（比如保存书签后，需要同时更新vuex和localstorage，不然用户刷新页面就会导致数据丢失）。当时，也可以让服务端提供API，将书签存储到数据库中，如果是这种方案，存储到vuex是一个不错的选择

• YL菜鸟 #3

  我在书签栏watch isBookmark,发现这个更新了就重新在localstorage获取一次.感觉逻辑没问题,但是目前添加书签时没反应,移除书签到时会实时更新

点开查看后面1条评论