vuex

标签：一个   修改   render   func   tor   export   属性   eth   stat   

Vuex 是一个专为vue.js应用程序开发的状态管理模式
state 单一状态树

npm install vuex
新建一个store文件夹，创建index.js
import Vue from ‘vue‘
import Vuex from ‘vuex‘

1.安装插件
Vue.use(vuex)
2.创建对象
const store = new Vuex.Store({
state :{
counter:1000
},
mutations:{ //修改状态，通过commit(‘‘)修改提交
modifyState(state){
state.counter++
}
},
actions :{ //异步修改状态

},
getters :{ //类似计算属性

},
modules:{

}
})

3.导出
export dafault store

4.在main.js中 注册vuex
import stroe form ‘./store‘
Vue.prototype.$store = store
new Vue({
el: ‘#app‘,
store,
render: h=>h(App)
methods:{
increment:function(){
this.$store.commit(‘modifyState‘)
}
}
})

vuex

标签：一个   修改   render   func   tor   export   属性   eth   stat   

原文地址：https://www.cnblogs.com/bydzhangxiaowei/p/12219564.html