vue-cli 中使用Vuex
1）安装Vuex.js
npm install vuex --save
2）在src目录下新建文件夹vuex 并在该文件夹下新建vuex.js
/*自己定义的vuex.js*/ import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store={ state:{ msg:'', }, mutations:{ GET_MSG(state,info){ state.msg=info } }, actions:{ getMsg({commit},info){//接受hello页面参数 commit('GET_MSG',info) } } } export default new Vuex.Store(store)
3）在src目录main.js 中引入自己新建的vuex.js
4）hello 父 页面
4）red 子 页面
效果