写给新手同学的vuex快速上手指北小结

export default {
namespaced: true,
state: {
cat:"我是cat",
}
}

有命名空间取值

this.$store.state.moduleA.cat
或者
<!--注意这里：命名空间的名字带上，在modules注册时候呢个key值-->
<!--也可以别名，方法和之前一样，就是第一个参数是空间名-->
...mapState("moduleA",[
  "cat"
])

有命名空间 改变值

<!--只是第一个参数是空间名，其他操作一样-->
...mapMutations("moduleA",[
 "setCat"
])
this.setCat(888);
或者：
this.$store.commit("moduleA/setCat",666);

最后 plugins

vuex页面刷新会丢失数据，用vuex-persistedstate插件可解决

import createPersistedState from "vuex-persistedstate";
const store = new Vuex.Store({
 state: {},
 mutations: {},
 actions: {},
 getters: {},
 modules:{},
  plugins: [
    createPersistedState({
      storage: window.sessionStorage
    })
  ]})
export default store

到此这篇关于写给新手同学的vuex快速上手指北小结的文章就介绍到这了,更多相关vuex快速上手内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网！