Vue store

store

• state ：对数据的全局存储
• getter： 可以理解为computed ，对数据进行计算
• mutations ：对数据的同步更改
• actions：对数据的异步更改

    mounted: {
        console.log(this.$store);
        /*payLoad 所有的参数对象 {a:aa,b:bb}*/
        /*调用mutation方法*/
        this.$store.commit("mutationsFun", payLoad)
           
        /*调用action 方法*/
        this.$store.dispatch("ActionsFun",payLoad)
    },
    computed: {
        counter() {
            return this.$store.state.count;
        }
    } 

辅助函数

• 引入

 import
{
   
    mapState,
    mapGetter,
    mapMutation,
    mapAction
 }

• 使用

[
   computed: {
   
       ...mapState(['count']) /*映射同名的对象：count */
       ...mapState({
   
           counter: 'count' /*映射不同名字的对象：count--->counter */
       })
       ...mapState({
   
           counter: (state) => state.count /*映射不同名字的对象：count--->counter */
       })

       ...mapGetters(["fullName"])
   }

   methods：{
   
       /*将actions，mutations里面的方法映射到对应的methods,以便在组件里面可以直接应用*/
       ...mapActions(['ActionsFuncName'])
       ...mapMutations(['MutationsFuncName'])
   }
]

modules模块

• modules 子state ，加入对应的作用域
• 子模块中的方法参数state 作用域为子模块

modules:{
   
 /*子模块的根目录 */
    AModule: {
   
        getters: {
   
            textPlus(state, getters,