vue-cli中使用vuex

1.安裝

$ npm install --save vuex
$ yarn add vuex

2. 創(chuàng)建store.js

3. 在store.js 中引入vue 以及vuex

 import Vue from 'vue'
 import Vuex from 'vuex'
 Vue.use(Vuex)

4. 創(chuàng)建 store

const store = new Vue.Store({
  //配置
})

5. 導(dǎo)出 store

export default store

6. 在main.js中導(dǎo)入store并且寫在new Vue中

  import store from '路徑'
    new Vue ({
      store
    })

2. 輔助函數(shù)一共有四個(gè)

mapState mapGetters mapMutations mapActions
這四個(gè)函數(shù)實(shí)現(xiàn)不了新的功能,只能讓代碼更簡潔
(降低代碼耦合)
輔助函數(shù)只能在Vue-cli中使用

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 不能自由 那就苦役 不能去愛 那就離開 不能生存 那就埋葬 不甘平凡 那就絢爛 不能狂歡 那就孤獨(dú)
    和上帝說說話閱讀 175評(píng)論 0 0

友情鏈接更多精彩內(nèi)容