美文网首页
vuex在vue-cli中的使用简介

vuex在vue-cli中的使用简介

作者: uwenyi | 来源:发表于2018-03-27 18:13 被阅读0次

    安装 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的数据啦 一点皮毛,还得继续研究啊

    相关文章

      网友评论

          本文标题:vuex在vue-cli中的使用简介

          本文链接:https://www.haomeiwen.com/subject/qcvscftx.html