Question

vuex原理

Answer 1

vuex原理是VUEX很单一，store对象只要注册到main.js里面，只要被vue注册之后，vue里面所有层级关系的组件都可以使用。

使用状态去管理和操作DOM，改变UI，不是使用过去的那种直接操作DOM的方式。所以说State是VUEX里面的一个核心的概念，在VUEX里面也是一个核心的概念。

State是唯一的数据源，也就是它是唯一的载体，需要把任何一个需要抽取出来的变量，都要放到State里面去来进行管理，那么在任何一个页面都可以取到它。模板里面用到count一个属性，可以看到它里面有个computed的计算属性，当我们里面的变量发生变化了以后，它都会实时的进行计算，最后来渲染视图。

扩展资料

Vuex有以下几个部分构成：

1）state

state是存储的单一状态，是存储的基本数据。

2）Getters

getters是store的计算属性，对state的加工，是派生出来的数据。就像computed计算属性一样，getter返回的值会根据它的依赖被缓存起来，且只有当它的依赖值发生改变才会被重新计算。

3）Mutations

mutations提交更改数据，使用store.commit方法更改state存储的状态。（mutations同步函数）

4）Actions

actions像一个装饰器，提交mutation，而不是直接变更状态。（actions可以包含任何异步操作）

5）Module

Module是store分割的模块，每个模块拥有自己的state、getters、mutations、actions。