vuex在vue-cli中的使用简介

2018-03-27  本文已影响0人  uwenyi

安装 vuex :  npm install vuex --save

1.在新建的vue-cli项目中,新建两个组件a,b,实现的功能是通过b.vue里的按钮增减a.vue里的数据。

2.安装vuex,并在src文件夹下新建store文件夹,在store文件下新建index.js文件。


2.在main.js引用需要使用的组件并将vuex注入根实例:


3.在store的index.js里引入vue和vuex并写入公共使用的数据和方法:

这里建项目时下载了语法检测的什么鬼,总是出现红色下划线,其实并没错

4.在a.vue里引入store,并在计算属性添加方法,获取state的公共数据count赋值给a.vue的count:

5.在b.vue里使用mutations的公共方法,增减a.vue里的count:

此时就可以通过b.vue的按钮,增减a.vue的数据啦 一点皮毛,还得继续研究啊
上一篇下一篇

猜你喜欢

热点阅读