本節(jié)知識(shí)點(diǎn)

• 詳細(xì)講解使用mutations的方法

使用指南

• 首先在倉(cāng)庫(kù)文件里我這里就是store.js文件 寫

const mutations = {
    add:function(state,n){state.score=state.score+n;},
    del:function(state,n){state.score=state.score-n;}
}

• 第二步在script文件里面調(diào)用

 import store from "@/vuex/store";

• 第三步在模板文件里面寫

  <div>
        <button @click="$store.commit('add',5)">添加</button>
        <button @click="$store.commit('del',5)">減少</button>
      </div>

要是想在內(nèi)部使用方法必須加this

   methods:{
         cun:function(index){
           var stat1 = JSON.parse(window.localStorage.getItem("goods"))||[];
           var obj = this.love[index];
           stat1.push(obj);
           var result2 = JSON.stringify(stat1);
           window.localStorage.setItem('goods',result2);
           this.$store.commit('add',obj);
         }