【Vuex】3、vuex-state单一状态树的理解

1、Vuex核心概念

• Vuex有几个比较核心的概念：
• State
• Getters
• Mutation
• Action
• Module

2、State单一状态树

• Vuex提出使用单一状态树，什么是单一状态树呢？
• 英文名称是Single Source of Truth，也可以翻译成单一数据源
• 但是，它是什么呢？我们来看一个生活中的例子
• OK，我用一个生活中的例子做一个简单的类比
• 我们知道，在国内我们有很多信息需要被记录，比如上学时的个人档案，工作后的社保记录，公积金记录，结婚后的婚姻信息以及其他相关的户口、医疗、文凭和房产记录等等
• 这些信息被分散在很多地方进行管理，有一天你需要办某个业务时(比如入户某个城市)，你会发现你需要到各个对应的工作地点去打印、盖章各种资料信息，最后到一个地方提交证明你的信息无误
• 这种保存信息的方案，不仅仅低效，而且不方便管理，以及日后维护也是一个庞大的工作(需要大量的各个部门的人力来维护)
• 这个和我们在应用开发中比较类似：
• 如果你的状态信息是保存到多个Store对象中的，那么之后的管理和维护等等都会变的特别困难
• 所以Vuex也使用了单一状态树来管理应用层级的全部状态
• 单一状态树能够让我们最直接的方式找到某个状态的片段，而且在之后的维护和调试过程中，也可以非常方便的管理和维护