Vue

 1<template>
 2<div>
 3{{num}}
 4
 5<button@click="fun1()">普通新增</button>
 6<br/>
 7<br/>
 8
 9<button@click="fun2()">非同步新增</button>
10</div>
11</template>
12
13<script>
14//引入輔助功能
15import{mapState,mapGetters,mapMutations,mapActions}from"vuex";
16exportdefault
 
{
17computed:{
18...mapState(["num"]),
19...mapGetters(["vuxFun"]),
20},
21
22methods:{
23//獲取addNum方法
24...mapMutations(["addNum"]),
25fun1(){
26console.log(123),this.addNum(2);
27},
28//獲取AsyncAddNum方法
29...mapActions(["AsyncAddNum"]),
30fun2(){
31this.AsyncAddNum(2);
32},
33},
34};
35</script>