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>