?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
文字
Vuex 應(yīng)用結(jié)構(gòu)
實(shí)際上，Vuex 在怎么組織你的代碼結(jié)構(gòu)上面沒有任何限制，相反，它強(qiáng)制規(guī)定了一系列高級的原則：
應(yīng)用級的狀態(tài)集中放在 store 中。
改變狀態(tài)的唯一方式是提交mutations，這是個(gè)同步的事務(wù)。
異步邏輯應(yīng)該封裝在action 中。
只要你遵循這些規(guī)則，怎么構(gòu)建你的項(xiàng)目的結(jié)構(gòu)就取決于你了。如果你的 store 文件非常大，僅僅拆分成 action、mutation 和 getter 多個(gè)文件即可。
對于稍微復(fù)雜點(diǎn)的應(yīng)用，我們可能都需要用到模塊。下面是一個(gè)簡單的項(xiàng)目架構(gòu)：
├── index.html ├── main.js ├── api │ └── ... # 這里發(fā)起 API 請求 ├── components │ ├── App.vue │ └── ... └── store ├── index.js # 組合 modules 、export store ├── actions.js # 根 action ├── mutations.js # 根 mutations └── modules ├── cart.js # cart 模塊 └── products.js # products 模塊
關(guān)于更多，查看 購物車實(shí)例。