Vuex分成五个部分：。Mutations：触发同步事件。Actions：提交mutation，可以包含异步操作

// ...// ...getItem: key => Cookies.get(key),setItem: (key, value) => Cookies.set(key, value, { expires: 7 }),

Vuex 使用单一状态数: 用一个对象包含了全部的应用层级状态, 作为一个"唯一数据源"而存在.当一个组件需要获取多个状态时候, 将这些状态都声明为计算属性会有些重复. 可以使用 mapState 辅助函数生产计算属性, 减少单个声明的

Vuex 允许将 store 分割成模块, 每个模块拥有自己的state、mutation、action、getter甚至是嵌套子模块, 从上至下进行同样方式的分割。分割的好处是让代码更加清晰, 易于维护管理.模块内部的 action中, 局部状态通过 c

Uncaught Error: [vuex] Do not mutate vuex store state outside mutation handlers

需要用到计算属性computed和vuex的mapState:. 结果，每次的改变，父组件的<h1>都会跟随改变。这就是vuex的小小的应用实现。

在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex，解决组件之间同一状态的共享问题。通过监听页面的刷新操作，即beforeunload前存入本地localStorage,页面加载时再从本地localStorage读取信息

使用Vuex管理Vue.js应用程序的状态有很多充分的理由。首先，使用Vuex插件添加超酷功能非常容易。Vuex社区的开发人员已经创建了大量免费插件供您使用，其中包含您可以想象的许多功能，以及一些您可能无法想象的功能。下面展示使用Vuex插件轻松解决下一个

( 1 ) 设置锁屏密码( 2 ) 密码存localStorage ( 3 ) vuex设置 SET_LOCK state.isLock = true ( 4 ) 在路由里面判断vuex里面的isLock

原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了。组件可以传入一个年份的范围，startTime 和 endTime 都是数字, 默认是1900 - 2050. --显示返回的日期-->. <

// return data from store with query on args and self as this. 就是把第二个参数，以hash的形式传过来。return pair.vid == data.vid // 注意这里的 data.v