一、安装VueX
npm i vuex // Vue3安装该版本
npm i vuex@3 // Vue2安装该版本
因为我使用的是Vue2,所以安装的是3版本
二、配置VueX文件
在src目录下创建store文件夹,再创建index.js
在index.js中配置如下代码:
// VueX配置文件
// 引入文件
import Vuex from 'vuex';
import Vue from 'vue';
Vue.use(Vuex); // 使用VueX 组件
// actions
const actions = {};
// mutations
const mutations = {};
// state
const state = {};
// 创建并导出Store对象
export default new Vuex.Store({
actions,
mutations,
state
})
三、引入store
在main.js中引入并配置store
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false;
// 引入Store
import Store from "./store";
new Vue({
render: h => h(App),
Store, // 配置Store
}).$mount('#app')