vuex的modules和持久化存储

数据可统一写进store->index.js中的state中，也可把整个状态管理细化一下，在store->新建一个modules文件夹，

里面添加分类的.js文件

然后在store->index.js中暴露出来：

看一眼html文件：

网页效果：

方法使用如下图展示：先在.js中mutations中定义

然后暴露（注意暴露时不能写成对象的形式，要写成数组）

modules总结：

• 把整个状态管理再次细分

-----------------------------------------------------

vuex的持久化存储引入：

当某一个组件使用了vuex的数据，比如把1修改成了2，刷新页面又到了1该怎么办？

显然点击按钮数字加1，但页面刷新后数字又变为1。

**注意：Vuex是一个集中式的状态管理工具，本身不是持久化存储，如果要实现持久化存储可以：

1. 自己写localStorage
2. 使用插件

方法一：localStorage

方法二：使用插件

1、下载安装插件

npm install --save vuex-persistedstate -S(下载后要重启项目；)

2、在store=>index.js中配置

3、使用