html
<input type='text' :value='num'> <button @click='add'> + </botton>
js
data(){
return{
}
},
methods:{
add(){
this.$store.commit('add',1)
}
},
computed:{
num:function(){
// 因為要做修改 num 的值 所以放在 計算屬性里
return this.$store.state.num
}
}
store.js
state: {
num:0
},
mutations: {
add(state,shuzi){
// shuzi是js里傳來的值 1
state.num+shuzi
}
},
原理：
更改store中state狀態的唯一方法就是提交mutation，就很類似事件。每個mutation都有一個字符串類型的事件類型和一個回調函數，我們需要改變state的值就要在回調函數中改變。我們要執行這個回調函數，那么我們需要執行一個相應的調用方法：store.commit。
以上這篇vue 獲取及修改store.js里的公共變量實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持谷谷點程序。
轉載請注明：谷谷點程序 » vue 獲取及修改store.js里的公共變量實例