在vue脚手架目录中新建一个store的文件夹,在文件夹下建立store.js ,在文件中做如下操作
// 1,导入vue和Vuex
import Vue from 'vue'
import Vuex from 'vuex'
// 1. 导入购物车的 vuex 模块
import moduleCart from './cart.js'
// 1. 导入购物车收货地址的的 user 模块
import moduleUser from './user.js'
// 2,在vue中全局注册vuex
Vue.use(Vuex)
// 创建store的实例对象
const store = new Vuex.Store({
// 挂载store模块
modules: {
// 挂载购物车的 vuex 模块,模块内成员的访问路径被调整为 m_cart,例如:购物车模块中 cart 数组的访问路径是 m_cart/cart
m_cart: moduleCart,
// 挂载用户的 vuex 模块,访问路径为 m_user
m_user:moduleUser
}
})
// 向外共享Store实例对象
export default store
在其他的vuex模块化的js模块中,做如下操作,比如cart.js,user.js模块
export default {
// 为当前模块开启命名空间
namespaced: true,
// 模块的state数据
state: {
},
// 模块的mutations方法
mutations: {
},
// 模块的getters属性
getters: {
}