vuex教程-初始化 作者:马育民 • 2022-02-27 21:31 • 阅读:10079 # 创建 vuex 相关文件 1. 在 `src` 下创建 `store` 文件夹 2. 在 `store` 文件夹下,创建 `index.js` 文件,内容如下: ``` //导入vue import Vue from 'vue' //导入vuex import Vuex from 'vuex' //使用vuex插件,插件必须执行下面代码 Vue.use(Vuex) //注意:必须先使用,才能创建对象 //对外暴露对象 export default new Vuex.Store({ actions: { //响应组件的操作 }, mutations: { // 操作数据 }, state: { // 存储数据 } }) ``` # 修改 main.js ``` import Vue from 'vue' import App from './App.vue' //导入 store/index.js import store from './store' Vue.config.productionTip = false new Vue({ store, //配置store render: h => h(App), }).$mount('#app') ``` 原文出处:http://malaoshi.top/show_1IX2r9Tj83tN.html