使用vuex的state状态对象的5种方式
vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。
下面给大家来贴一下我的vuex的结构
下面是store文件夹下的state.js和index.js内容
//state.js conststate={ headerBgOpacity:0, loginStatus:0, count:66 } exportdefaultstate //index.js importVuefrom'vue' importVuexfrom'vuex' importstatefrom'./state' importactionsfrom'./actions' importgettersfrom'./getters' importmutationsfrom'./mutations' Vue.use(Vuex) exportdefaultnewVuex.Store({ state, actions, getters, mutations })
下面开始在test.vue组件当中使用vuex的state状态对象
方式一
{{$store.state.count}}
方式二
{{count}}
方式三
{{count}}