vuex在自己工作上的

今天第一次大神教我玩vuex,感觉很多东西都不是特别理解的,需求是点击一个按钮,需要把对应的字段传过去。


首先是这几个文件,是必不可少的,也要在main这个文件夹中引入store这个文件夹


1. 在接着就是这个state的文件了,因为vuex是全局的,所以这个是定义一些名称,定义一些自己要用到的东西。可以理解为静态的东西


2.接着就是getters这个文件,是引出定义,像这个箭头函数上的state.ID这个东西就返回给state在赋值给ID。所以ID就是state.ID


3.这个文件是我比较疑惑的部分,上面的大写只是为了区分而已并没有什么特殊的意义。这里的部分不是很清楚如何说,等往后了解了再补回


4.这个文件就是到处刚刚上一个文件定义的东西


5.然后在准备要传值的文件中引入mapMutations


6.在写方法的钩子函数中使用了扩展符,里面【】写需要自己传的东西也就是刚刚定义好的东西


7.在另外一个组件当中引入,这次引入的是mapGetters


8.这个东西是写在computed里面的,剩下的和刚刚相似,也是箭头函数包括起来


9.打印这玩意,就可以获取得到在上一个组件传过来的东西了

这也是我第一次做,做得很不好,理解不透彻。往后会更加努力的学的

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

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,980评论 0 7
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,179评论 0 6
  • 姓名:岳沁 学号:17101223458 转载自:http://blog.csdn.net/h5_queensty...
    丘之心阅读 2,174评论 0 1
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 2,048评论 3 3
  • (一) 我曾一度沉迷网络游戏,最早的沉迷历史,大概可以追溯到小学六年级,从最早版本的CS,到侠盗飞车,DNF,CF...
    了一辛阅读 535评论 1 6