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

vuex

时间:2017-07-18 11:43:44      阅读:434      评论:0      收藏:0      [点我收藏+]

标签:解决   dia   maps   读取   org   href   使用场景   map   组件   

使用场景:

1 多个视图依赖同一个状态

2 来自不同的视图的行为需要变更同一状态

每一个Vuex应用的核心就是store(仓库),“store”基本上就是一个容器,它包含着你的应用中的大部分的状态;vuex和单纯的全局对象有以下两点不同:

1 Vuex的状态存储是响应式的,当Vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应地得到高效更新。

2 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交(commit) mutations。这样使得我们可以方便地跟踪每一个状态的变化,从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

Vuex 使用 单一状态树 —— 是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个『唯一数据源(SSOT)』而存在

 

 

mapState 辅助函数

当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性

vuex

标签:解决   dia   maps   读取   org   href   使用场景   map   组件   

原文地址:http://www.cnblogs.com/xiaofenguo/p/7199148.html

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