对vuex了解状态使用的使用的一个例子

1。什么是状态

在文章的最后，对vuex是提供一个仓库，仓库中的许多对象。状态是地方数据源存储，对应于一般VUE对象的数据（行动和突变后面介绍的方法）。

响应书存储：存储在状态数据的响应，和Vue组件读取数据存储。如果存储的数据发生变化，依赖于此数据的组件也将更新（状态=数据），这意味着数据和视图是同步的。

2。局部状态

访问：在Vue组件获取数据，最直接的可以通过计算获得的性能；

组件还可以保存本地状态：虽然vuex店让我们相同的数据仓库的管理更加方便，而且还可以成为一个繁琐的代码，数据的某些成分是严格的个人使用，我们可以把状态组件本身，作为这一部分的局部数据，其他部件不能使用。

3.mapstate

mapstate的作用是地图的全局状态和干将，计算计算属性的电流分量，这store.state美元。

使用的例子

进口{ mapstate } from'vuex
出口默认{
计算机：
mapstate（{
计数：国家= state.count，
count' this.count store.state.count / /图
}）
}

看看源代码

导出功能mapstate（州）{
对象常量定义
NormalizeMap（美国）（。foreach（{关键，val = > { }）
/ / normalizemap（）函数来初始化状态数据
RES {key} =功能mappedstate（）{
返回类型的变量的值'function
以确定它是否是一个函数。
val.call（这，这，这store.state美元，美元的商店。干将）
/ /如果瓦迩是一个函数，存储状态和干将为参数，返回值作为返回值的状态映射
这个，$存储区，状态{ } }）
返回函数是一个函数
}
初始化方法
功能normalizemap（图）{
返回Array.isArray（图） / /状态来确定它是否是一个数组
Map.map（关键= >（{ }关键关键，瓦尔：））
是一个单词数组，调用map方法，将数组元素中的每一个元素转换成{键、键、}
object.keys（图）。图（关键= >（{关键，瓦尔：}地图{key}））
否则，它是对象，对象遍历，每一个值都绑定到：键。
}

以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。