vuex问题

Question

老师您好，我有两个问题，1.当前用户从后端读到菜单权限数据后，一般存在哪里，localStorage？or vuex？or other methods？。2.vuex把数据存在哪里，您说存在内存里，总要通过一个方式吧，一个api吧。

Answer 1

Lemon甜橙君 2021-07-02 13:40:12

肯定是要存在localstorage里边的，获取菜单数据权限的接口，只需要在登录后调用一次即可；如果说存在vuex中，只是在不刷新页面，进行router跳转的时候，数据会在各个页面共享，如果一刷新页面，数据就会重新初始化，如果希望保存数据，需要对vuex中的数据进行数据持久化，归根结底，肯定是存在localstorage里的

• 提问者 BernhardRiemann #1

  什么情况下会刷新页面

• 提问者 BernhardRiemann #2

  既然vuex的弱点是刷新页面，什么情况下会刷新页面呢

• Lemon甜橙君 回复 提问者 BernhardRiemann #3

  你把你自己想想象成一个用户啊，你想想你浏览网页的时候，什么时候会进行刷新操作。单页面应用虽然说都在同一个页面操作，但是如果打开一个新页签，肯定相当于刷新页面了，也许用户闲着没事，在列表或者详情页都会刷新页面的

点开查看后面2条评论

Answer 2

河畔一角 2021-07-03 09:30:56

Lemon甜橙君  回答的就是正解。

你没有弄明白vuex的作用，以及vuex和localStorage的区别。

我们考虑用户场景就要从几个方面下手：

1、用户首次登录，直接通过api调用菜单权限即可。

2、用户已登录：

    a. 不刷新页面：可以使用vuex存储，但是在内存中，也就是页面刷新，数据就丢失，不刷新，所有页面都可获取
    b. 刷新页面：如果用户一旦刷新页面，此时菜单数据就全丢失，因此我们需要刷新的时候从新调用，并存储到storage