首页 > 其他分享 >关于vuex的个人理解

关于vuex的个人理解

时间:2022-09-05 12:14:42浏览次数:73  
标签:存储 个人 xxx mutations state 理解 vuex store

Vuex数据状态持久化的插件(vuex-persistedstate --save)

在store项目下的index,js使用 import createPersistedState from "vuex-persistedstate"

1.store:{} 存储变量,(vue3取消了,...mapState(xxx,yyy,zzz:(state)=>state.zzz++[可做计算处理]),批量取值语法糖,因为setup没有this)

2.getters:{} 对存储变量继续数据处理,store.getters.xxx

3.mutations:{} 对存储变量继续数据处理,取值store.commit('xxx')

4.avtion:{  //可进行异步处理

  xxx:function(){

    1.请求接口;

    2.调用mutations的方法修改state  

  }

}

调用this.$store.dispatch('xxx')

5.在index页面import 引入其他页面模块,使用modules:{}接收引入值

Mutations

 

 

 

 

 

 

标签:存储,个人,xxx,mutations,state,理解,vuex,store
From: https://www.cnblogs.com/heyz/p/16657460.html

相关文章