vuex在vue-cli中的使用简介

安装 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的数据啦


一点皮毛,还得继续研究啊
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容