2018-04-01

什么是vuex?

Vuex 是一个专为Vue.js用程序开发的状态管理模式。

状态管理模式中的状态是指什么状态?为什么称之为状态?

它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

采用集中式存储管理————所有组件,也就是说所有组件的状态都被集中存储管理了。利用自己的规则来确保状态的变化可预测可控。我感觉和单项数据流的父子通信有点像,只不过解决的问题不一样,vuex更大。

什么是状态管理模式

文档给出了一下代码:

new Vue({
  // state
  data () {
    return {
      count: 0
    }
  },
  // view
  template: `
    <div>{{ count }}</div>
  `,
  // actions
  methods: {
    increment () {
      this.count++
    }
  }
})

以该小段代码为例:这个状态管理应用包含3个部分。

  • state,驱动应用的数据源;

像这样说state就是一个数据存储中心,集中式存储。
view,以声明方式将 state 映射到视图;
view 就是template模板。需要数据的地方,那么我猜view和state之间可能会有一些相应的规则。就像父组件传递给子组件需要通过prop而且是单项传递一样。

  • actions,响应在view上的用户输入导致的状态变化。

actions也负责管理状态变化的模块。
那么状态就应该主要指数据。定义一套规则,统一存储所有组件的数据,到管理所有数据的变化。这应该就是vuex吧,感觉。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目录 组件化 组件通信 状态管理 Vuex 是什么 Vuex 有什么特点 Vuex 解决了什么问题 什么类型的数据...
    前端小华子阅读 2,014评论 0 16
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,148评论 0 6
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,460评论 25 708
  • 凋零香黯,融雪残红畔。又是鶗鴂声叹惋,流景伤春肠断。 梦阑辗转衾寒,心烦意乱难眠。惊现朱颜暗换,梦存后世来圆。
    茂渊阅读 259评论 0 0
  • 沙门空海是一个日本和尚,历经万里来到大唐,为的是拜在长安青龙山惠果和尚门下,学习密宗。 空海留学的时间是二十年。当...
    小彤读书阅读 830评论 0 6