vuex

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