對vuex進行分模組管理

2022-02-09 06:57:35 字數 1426 閱讀 3466

之前寫的vuex store裡放乙個state 這樣隨著專案越來越大,state也會越來越大 。

而且考慮多人開發多人維護乙個state 也會比較難維護 估計多人開發的一定會分模組管理state 在redux裡提供了 combinereducers 可以拆分reducer到元件

翻了下vuex文件 發現提供了modules 估計可以按照這個進行拆分 也不是拆分 實際是提供了命名空間 試驗了下

新建了個shop的模組 

在store/index.js 引入剛才新建的shop模組

import vue from 'vue'import vuex from 'vuex'import state from './state.js'import actions from './actions.js'import mutations from './mutations.js'import shop from './shop'vue.use(vuex)

export

default

newvuex.store(

})

在我demo的元件dataming.vue

computed:)

}

在methods

methods:,

...mapactions('shop',),

...mapmutations('shop',)

}

在模板檔案裡放了個

這樣基本完成了乙個小的vuex分模組demo

補充期中getters.js  類似vue計算屬性 

computed:),

...mapgetters('shop',)

}

在模板中 }

Vuex分模組開發

首先在src目錄下新建資料夾store 在store資料夾下 新建乙個model資料夾用來管理vuex模組檔案,新建乙個index.js用來合併模組,一起匯出 結構如下 開啟lable.js,編寫模組 格式如下 const state const getters const mutations co...

用手機對WIFI模組進行配置

ap 即無線接入點,是乙個無線網路的中心節點。通常使用的無線路由器就是乙個ap,其它無線終端可以通過ap相互連線。sta 即無線站點,是乙個無線網路的終端。如膝上型電腦 pda等。48899埠 我所用的wifi模組 usr wifi232 s 的埠 49000埠 除去我用的wifi usr wifi...

python對傳送郵件模組進行封裝

import smtplib import time from email.mime.multipart import mimemultipart from email.mime.text import mimetext 郵件傳送的使用者名稱和密碼 常識 第三方授權碼 user 7 2 qq.com...