我們在寫vue項目中如果,我們發(fā)現(xiàn)vuex中是十分麻煩的,我們想直接寫成@click中的jia,我們應(yīng)該如何處理?
創(chuàng)新互聯(lián)是專業(yè)的老河口網(wǎng)站建設(shè)公司,老河口接單;提供成都網(wǎng)站設(shè)計、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行老河口網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
我們可以想一想我們在解決state時是如何解決的,為此我們將介紹一個與解決state相同方案
第一步在我們自己創(chuàng)建模板a.vue里引入我們的mapMutations
代碼如下:
import {mapState,mapMutations} from 'vuex'
注:此處的mapMutations就是我們要引入,而你對比state的方法其實就是引入mapState
第二步在模板的
第三步在模板中直接寫入
{{num}}
補充部分:store.js代碼
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state={//狀態(tài)對象 num:0, } const mutations={//觸發(fā)狀態(tài) jian(state){ state.num++ }, }測試: 點擊button按鈕它會一直加加
以上這篇vuex實現(xiàn)像調(diào)用模板方法一樣調(diào)用Mutations方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)站名稱:vuex實現(xiàn)像調(diào)用模板方法一樣調(diào)用Mutations方法
URL標(biāo)題:http://weahome.cn/article/psgogd.html