一、安装VueX
npm i vuex // Vue3安装该版本
npm i vuex@3 // Vue2安装该版本
因为我使用的是Vue2，所以安装的是3版本
二、配置VueX文件
在src目录下创建store文件夹，再创建index.js
在index.js中配置如下代码：文章来源：https://www.toymoban.com/news/detail-737334.html
// 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文章来源地址https://www.toymoban.com/news/detail-737334.html
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')到了这里，关于VueX环境的搭建的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
