vue学习笔记之vuex的插件与严格模式

vuex插件

vuex插件的简单应用场景是将一些数据存放到本地，当运行系统时获取本地存储的数据。在我们的实际应用中，如果不将state存放到本地，那么每次刷新后，state会变回原来的初始值，如果能够将state数据存放到本地将会解决这一问题。

1. 首先在vuex的相关目录下创建文件夹plugin并在该目录下创建js文件 saveInLocal.js；
   

2. 在store的根模块文件下引入此插件saveInLocal,js 增加plugins: []属性,并将此插件加入新增属性；
   saveInLocal.js
   
   store.subscribe()方法：当commit一个mutation后就会触发此方法，此方法包括了两个参数 mutation和state。上图代码的逻辑是首先判断本地存储中是否含有state，如果有则调用store的内部方法 replacState()将state替换为本地的state。当每次commit一个mutation后将最新的state存储的本地。
   index.js
   

vuex严格模式

vuex的严格模式状态下，如果不通过mutation去修改state，控制台会打印报错，在非严格模式下则不会报错。所以在开发环境下 process.NODE_ENV === 'development'将strict属性设置为true，生产环境设置为false