码迷,mamicode.com
首页 > 其他好文 > 详细

vuex的理解

时间:2017-08-26 19:48:08      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:comm   不用   引用   选项   nbsp   fun   写法   依赖   同步   

 

 

希望能帮到需要的童鞋.

 

vuex: 单一状态树,用一个对象就包含了全部的应用层级状态.作为项目的唯一一个
         数据源ssot存在.
 
state和getters
 
A. getters可以看作是state的计算属性.但都是写在store中,都是用来存储数据的.
   (getters的意义在于,直接在store中对需要的state进行逻辑处理,而不用每个组件引用的时候 都处理一遍)
 
B. 在组件中都是通过计算属性获取store中的数据,而mapGetters和mapState,
    是用来辅助生成计算属性的.
 
C. mapState,对应store中的state. mapGetters对应store中的getters.
 
D. getters接受state作为第一个参数,也接收其他getters作为第二个参数.
   (state为默认的第一个参数.)
 
actions:
    在actions中提交的是mutations;actions中可以包含异步操作. 
    actions本身是不能更改数据的,是通过提交mutations改变的.
 
mutations:
 
     mutations中改变数据,这个过程是同步的.
 
 
流程:
     组件中的事件触发 => actions中commit() => mutations中的function修改数据的 => 渲染
 
modules:
  1 vuex允许我们把store分割成模块(module).
     每个模块拥有自己的方法和属性.  甚至是将嵌套的模块分割开来.
     嵌套的模块组合的时候,依赖modules选项.
 
  2 跟组件一样,分割之后,是选项对象的写法.选项对象中也有modules选项,
     用于组合嵌套的模块.
 

vuex的理解

标签:comm   不用   引用   选项   nbsp   fun   写法   依赖   同步   

原文地址:http://www.cnblogs.com/redgreenblue/p/7436017.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!