Vuex的模組化 優點

前言：如果說我們的vuex的倉庫**量巨大，我們要不要採用就像後端與一樣的分層，要不然一噸的**放在main裡，呵呵。所以我們要採用模組化！

其中我們的store.js被我們封裝成了這樣子：

import api from '../../utils/api';

var api = new api('goods');
const state = 
const mutations=
const actions=
const getters=
export default

import vue from 'vue'

import vuex from 'vuex'
import user from './mudules/user'
import product from './mudules/product'
vue.use(vuex);
//倉庫
const store = new vuex.store(
})export default store;

其中需要注意的是;在獲取store倉庫裡的state中，我們需要 

return this.$store.state.user.user;這種方式。也就說我們import的哪個物件。就是我們的唯一標識。

Vuex的模組化

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

vuex模組化設定

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

vuex的模組化使用

store檔案如下 1.modules下檔案是模組化的劃分，裡面的js有state,action,mutations.然後通過 export default 方式匯出。2.index.js中匯出的格式如下 new vuex.store mutations actions getters 所以inde...