美文网首页
vuex简单属性及其用法

vuex简单属性及其用法

作者: 祝家庄打烊 | 来源:发表于2018-02-27 19:39 被阅读0次

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

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了,十分的简单。下面是我创建的一个组件,引用数据,获取数据,事件方法,异步处理方法的属性。

组件引用值

相关文章

  • vuex简单属性及其用法

    老兄我最近准备去深圳了,内心是无比的忐忑,马上就要告别大长沙了,多年之内都吃不到大长沙的美食。深圳的工作还不知道好...

  • Swift UIScrollView用法及其属性

    UIScrollView是Xcode的滚动视图,主要用于在小的屏幕上实现全局观看,能够进行拖动审阅其他不能看到的部...

  • Android矢量图(二)--VectorDrawable所有属

    Android矢量图I--VectorDrawable基础介绍了VectorDrawable的用法及其常用属性,掌...

  • vuex的简单用法

    一、什么是vuex vuex是在vue项目中实现数据共享的框架。用于当多个组件进行复杂的数据传值很困难的时候。这时...

  • vuex基础用法

    简单汇总一下vuex的最基础的用法 服务端渲染的写法(推荐使用)

  • input中type所包含的属性,以及起作用

    input中的type属性中所包含的属性值及其用法: text:普通文本域输入框 password:密码输入框(输...

  • Vuex

    vuex 是 vue 中的全局状态管理;简单的理解就是在vuex中的属性state中定义了数据之后,可以在任意组件...

  • swift随笔 属性

    1.存储型属性 这种属性就是最简单的一种属性 用法也很简单 2.计算性属性 setter & getter 这种属...

  • Android常用控件属性及其用法

    一些通用的属性就不再列出了 TextView 官方文档TextView属性: 常用效果 1,跑马灯 2,下划线方法...

  • vuex的五个属性和用法

    这篇文章可以和vuex基础[https://www.jianshu.com/p/ee60b538f3a8]一起对比...

网友评论

      本文标题:vuex简单属性及其用法

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