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 子 页面
效果
相关文章推荐
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
- 详解如何在vue-cli中使用vuex
- 手摸手教你在vue-cli里面使用vuex,以及vuex简介
- vuex在vue-cli和webpack构建的项目中的简单使用
- 如何Vue-cli开始使用在Vue.js项目中启动TDD(测试驱动开发)
- vue-cli构建项目使用 less的方法
- 使用Vue-cli搭建多页面应用时对项目结构和配置的调整
- vue cli+axios踩坑记录+拦截器使用,代理跨域proxy
- 使用vue-cli(vue脚手架)快速搭建项目的方法
- vue-cli 使用axios的操作方法及整合axios的多种方法
- 详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
- vue-cli checkbox绑定数据使用
- 使用vuex缓存数据并优化自己的vuex-cache
- 详解如何使用Node.js编写命令工具――以vue-cli为例
- vue-cli 组件的使用
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手
- 使用vue-cli脚手架搭建项目
- 安装使用vue-cli
- 在Vue中使用Vuex进行状态管理指南