vuex简单属性及其用法

老兄我最近准备去深圳了,内心是无比的忐忑,马上就要告别大长沙了,多年之内都吃不到大长沙的美食。深圳的工作还不知道好不好找,有去过的仁兄可以留言告诉下,感激之情,溢于言表。

vuex在我看来是个可用可不用的东西,数据不大的情况下根本不需要用vuex。vuex是一个专门为vue.js设计的集中式状态管理架构,简单点说,方便父子组件及组件之间的数据传递。

一、在根目录下,创建store/store.js

用法属性

state:储蓄组件需要的数据     getters:处理store.js中的数据   mutations:组件处理store.js的事件方法     actions:异步处理mutations里面的事件方法。这里有个注意的地方,这里用到了forEach和map循环数组,最大的区别:forEach没有返回值return,对原来数组进行了修改。map:重新克隆一份数组出来进行修改,有return值,返回出什么,也就修改克隆出数组的值。轻轻松松简简单单,记住这四个就OK了,其实也没这么难!


二、在main.js下,引用store.js文件


main.js


就这样就可以在页面上使用vuex了,十分的简单。下面是我创建的一个组件,引用数据,获取数据,事件方法,异步处理方法的属性。

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

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • 系列文章:Vue 2.0 升(cai)级(keng)之旅Vuex — The core of Vue applic...
    6ed7563919d4阅读 4,588评论 2 58
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,979评论 1 4
  • 上一章总结了 Vuex 的框架原理,这一章我们将从 Vuex 的入口文件开始,分步骤阅读和解析源码。由于 Vuex...
    你的肖同学阅读 1,809评论 3 16
  • 你拿忙来当借口,忽略生活中的人情各种滋味,像是一个满眼金钱的人,冷血的动物。怪不得你活的很累。 放轻松宝贝。别绷得...
    是西贝呀阅读 276评论 0 0