您的位置:首页 > 产品设计 > UI/UE

vue-cli 中使用Vuex

2017-09-25 11:42 627 查看
1)安装Vuex.jsnpm install vuex --save2)在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 子 页面
效果
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: