美文网首页
单一状态树

单一状态树

作者: 最念倾城 | 来源:发表于2020-03-11 22:44 被阅读0次

Vuex 使用单一状态树,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。

单状态树和模块化并不冲突——在后面的章节里我们会讨论如何将状态和状态变更事件分布到各个子模块中。

// 创建一个 Counter 组件
const Counter = {
  template: `<div>{{ count }}</div>`,
  computed: {
    count () {
      return store.state.count
    }
  }
}

每当 store.state.count 变化的时候, 都会重新求取计算属性,并且触发更新相关联的 DOM。

然而,这种模式导致组件依赖全局状态单例。在模块化的构建系统中,在每个需要使用 state 的组件中需要频繁地导入,并且在测试组件时需要模拟状态。

引入地址原作者:https://vuex.vuejs.org/zh/guide/state.html

相关文章

  • 单一状态树

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

  • vuex辅助函数

    前提分类: 单一状态树中使用 模块化中使用 一:单一状态树中使用 mapState使用 mapGetters辅助函...

  • Vuex State访问状态对象

    单一状态树 Vuex使用一个单一的状态树——也就是说,这个单一的对象包含您所有的应用程序级状态,并充当“唯一数据源...

  • SGMA

    State 单一状态树 Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“...

  • vuex之state和mapState

    单一状态树 用一个对象就包含了全部的应用层级状态,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直...

  • vuex State

    单一状态树 Vuex使用单一状态树,用一个对象就包含了全部的应用层级状态。至此他便作为一个“唯一数据源”而存在。这...

  • vuex的四大金刚

    1.State vuex的状态管理,需要依赖它的状态树 Vuex 使用单一状态树——用一个对象就包含了全部的应用层...

  • Vue——Vuex状态管理

    ①State: 单一状态树,Vuex管理的状态对象,是唯一的。 定义的变量只能看到状态改变的结果,但是无法跟踪状态...

  • 前端面试知识点(6)——前端进阶

    1、Vuexconst store = new Vuex.Store()state 单一状态树,一个对象包含了全部...

  • Vuex的学习

    Vuex使用单一状态树。state存储数据。getter对state中的数据进行过滤。 mutation更改sto...

网友评论

      本文标题:单一状态树

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