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')
}
}
})