vuex模組化設定

import vue from 'vue'

import vuex from 'vuex'
vue.use(vuex)
// 首先宣告乙個需要全域性維護的狀態 state,比如 我這裡舉例的resturantname
// const modulesfiles = require.context('./modules', false, /\.js$/)
// it will auto require all vuex module from modules file
const modules = modulesfiles.keys().reduce((modules, modulepath) => , {})
// 註冊上面引入的各大模組
const store = new vuex.store(, // 共同維護的乙個狀態，state裡面可以是很多個全域性狀態
getters: 
}, // 獲取資料並渲染
actions: , // 資料的非同步操作
mutations: ,
endloading(state) 
} // 處理資料的唯一途徑，state的改變或賦值只能在這裡
})export default store // 匯出store並在 main.js中引用註冊。

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...

vuex的模組化使用

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