微信小程序—配置Vuex步骤

注&＃xff1a;开发工具使用的是HBuilder X
1、在项目根目录中创建 store 文件夹&＃xff0c;专门用来存放 vuex 相关的模块

2、在 store 目录上鼠标右键&＃xff0c;选择 新建 -> js文件&＃xff0c;新建 store.js 文件

3、在 store.js 中按照如下 4 个步骤初始化 Store 的实例对象&＃xff1a;

// 1. 导入 Vue 和 Vuex
import Vue from &＃39;vue&＃39;
import Vuex from &＃39;vuex&＃39;// 2. 将 Vuex 安装为 Vue 的插件
Vue.use(Vuex)// 3. 创建 Store 的实例对象
const store &＃61; new Vuex.Store({// TODO&＃xff1a;挂载 store 模块modules: {},
})// 4. 向外共享 Store 的实例对象
export default store


3、在 main.js 中导入 store 实例对象并挂载到 Vue 的实例上&＃xff1a;

// 1. 导入 store 的实例对象
import store from &＃39;./store/store.js&＃39;// 省略其它代码...const app &＃61; new Vue({...App,// 2. 将 store 挂载到 Vue 实例上store,
})
app.$mount()


按照以上方法完成配置