qq_23260455的博客

一、场景描述： 根据用户的登录状态来实现不同的路由跳转，这个功能之前有写到用三目运算来实现。那么这个用户状态又怎么做呢，怎么在登录期间刷新页面而不丢失用户信息？首先想到Vuex作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。 二、解决思路： 将用户信息更新至vuex中并保存到local storage，这样页面刷新或者其他页面都可以读取到用户信息。 具

vue在做大型项目时，会用到多状态管理，vuex允许我们将store分割成多个模块，便于管理模块。从仿写ele项目学习下store多模块的一些基本认识。 1、main.js文件引入 2、./store/index.js， index.js相当于vuex的主目录，文件都在index.js文件引入 state文件定义所有的状态 3、mutation-types.js 用于定义action和mutation变量，便于统一管理 4、mutation.js ① 只能通过 mutation 变更

1、知识储备： 菜狗在学习大神的饿了么项目中，看到这个代码就不懂了，而且在看了很久vuex文档还不懂，果然是菜狗。。。。 Mutation 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数： const store = new Vuex.St

VueX（Vue状态管理模式)