vuex：普通使用方法，模块化，持久化

用法一（$store...）：

• 代码实现 1.创建

2. 使用

用法二（mapState、mapGetters、mapMutations、mapActions）：

mapState

• 代码实现

mapGetters

• mapGetters和mapState使用方法一样
• [参考](vuex 中辅助函数mapGetters的基本用法详解 - 只争朝夕，不负韶华 - 博客园 (cnblogs.com))

mapMutations

• 代码实现

mapActions

• mapActions与mapMutations使用方法一样

vuex模块化modules

• 创建模块

• 使用（mapState、mapGetters、mapMutations、mapActions：以mapState、mapMutations为例子，其他两个和这两个对应起来）

• [参考](vuex——模块化 - 徐林俊 - 博客园 (cnblogs.com)) -漏了一种

    // mapMutations
    ...mapMutations({
      setnum:'authority/set_num'
    })

• 或者 使用$store...

vuex持久化存储

1.最简单的用法（非模块化）

• 代码实现

• 效果

2.通过参数，设置存储信息（非模块化）

1. 设置 存储方式、存储的 key、选择存储指定的信息

• 代码实现

• 效果

2. 选择存储指定的信息，并且指定保存的名字

• 代码实现

• 效果

• 注意：持久化存储时存储的值的层级结构最好是要以vuex模块化的层级结构一样，要不会有问题

3.在模块化时使用持久化

1. 保存所有的模块所有的值

• 代码实现

• 效果

2. 保存指定的模块

• 代码实现

• 效果

3. 保存指定模块指定的值

• 代码实现

• 效果