vue-cli 构建的项目中集成vuex

xiaoxiao2021-02-28  23

vue-cli 构建的项目中不包含vuex,需开发者手动引入。步骤如下

一、npm安装vuex,打开项目目录运行指令

npm install vuex --save

二、创建vuex相关文件夹及文件

在src文件夹下新建store文件夹后,在store文件夹下新建如下文件:

index.js、mutations.js、actions.js、getters.js及rootState.js

三、修改入口文件main.js

import Vue from 'vue' import App from './App' import router from './router' import store from './store/index'; //引入store Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, store, //加载store template: '<App/>', components: { App } })四、进行其他store目录下文件的编写,详细请参看官网文档  vuex官方教程
转载请注明原文地址: https://www.6miu.com/read-2622430.html

最新回复(0)