vuex學習---mutations觸發狀態

在vuex學習---state訪問狀態變量隨筆中，在此基礎上，介紹一下mutations觸發狀態。

例子如下：

在retore.js中，把  

add(state,n){
state.count +=n.a;
},

<template>
  <div id="app">
     <div id="appaaa">
        <h1>這是vuex的示例</h1>

        <p>調用倉庫常量 {{$store.state.count}}</p>
        <!-- <p>組件內部count{{count111}}</p> -->
        <p>組件內部count{{count}}</p>
        <p>
            <button @click = "$store.commit('add',{a:3})">加</button>
            <button @click = "sub">減</button>
        </p>
    </div>
  </div>
</template>

<script>
//引入mapState 管理狀態太多，幫助生成計算屬性  mapMutations 管理觸發狀態
import {mapState,mapMutations} from 'vuex'
export default {
  name:'app',
  data(){
      return {
         
      }
  },
 computed:mapState(['count']),
 methods:mapMutations([
      'add',  
      'sub' 
     ]) 

}
</script>

<style>

</style>