vueはstore.js内の公共変数の実例を取得して修正します。

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には、文字列タイプのイベントタイプとコールバック関数があります。スタントの値を変更するには、コールバック関数で変更します。このコールバック関数を実行するには、対応する呼び出し方法を実行する必要があります。
以上のこのvueはstore.jsの中の公共変数の実例を獲得して修正します。つまり、小編が皆さんに共有している内容の全部です。参考にしてほしいです。どうぞよろしくお願いします。