index.js
首先在store里面有兩種寫法
乍一眼看上去感覺多此一舉，我們直接分發(fā) mutation 豈不更方便？實(shí)際上并非如此，還記得 mutation 必須同步執(zhí)行這個限制么？Action 就不受約束！我們可以在 action 內(nèi)部執(zhí)行異步操作：
const actions={
//context在actions里面代表著整個的store
jiaplus(context){
context.commit('jia',{a:1});
setTimeout(() => {
context.commit('jian');
}, 1000);
console.log('我先被執(zhí)行了')
},
jianplus({commit}){
commit('jian')
}
}
export default new Vuex.Store({
state,
mutations,
getters,
actions
})
vue
<p>
<button @click="jiaplus">+plus</button>
<button @click="jianplus">-plus</button>
</p>
import { mapState,mapMutations,mapGetters,mapActions } from 'vuex'
export default {
name:'te',
data(){
return{
counts:0
}
},
computed:{
...mapState([
'count'
]),
},
methods:{
...mapActions([
'jiaplus',
]),
...mapActions({
jianplus:'jianplus'
})
}
}

轉(zhuǎn)載于:https://www.cnblogs.com/lsc-boke/p/10997236.html

總結(jié)

以上是生活随笔為你收集整理的vuex第三弹vuex之actions(前端网备份)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。