vuex 模組化 根級別 和 模組級別 差異

2021-09-19 16:37:44 字數 333 閱讀 9386

1、模組級別的 action 和 mutation 只能處理所在模組中的 state,根級的 action 和 mutation 除了訪問根級 state 之外,還可以通過 state.module***.yyy 來訪問模組中的 state。

分割模組的作用是分治,可以適當降低複雜度,同時避免不同模組之間狀態的篡改,即 a 模組無法任意訪問 b 模組的狀態。

2、根據我的理解。根級別的store可以訪問模組的state,那麼也就是說,模組a可以通過根state達到修改模組b的state的作用。也提供了根state與模組state,模組state之間互相修改的許可權。

3、模組化a和模組化b也可以相互訪問的

vuex模組化設定

import vue from vue import vuex from vuex vue.use vuex 首先宣告乙個需要全域性維護的狀態 state,比如 我這裡舉例的resturantname const modulesfiles require.context modules false,...

Vuex的模組化

目錄 1.在store資料夾下建立modules資料夾,modules資料夾下的index.js用來彙總vuex的模組,並統一暴露。這樣只需在store的配置中引入modules即可。彙總所有vuex的模組 import home from home import login from login ...

Vuex的模組化 優點

前言 如果說我們的vuex的倉庫 量巨大,我們要不要採用就像後端與一樣的分層,要不然一噸的 放在main裡,呵呵。所以我們要採用模組化!其中我們的store.js被我們封裝成了這樣子 import api from utils api var api new api goods const stat...