Vuex 的原理

作用：对多个组件共享的数据进行集中式读、写（任意组件间通信）

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。“store” 基本上就是一个容器，它包含着你的应用中大部分的状态 ( state )。

• Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。
• 改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样可以方便地跟踪每一个状态的变化。

 

State状态（数据），是一个对象，保存了很多共享数据

VCs :代表多个组件，可以直接调用commit（）

Dispatch（动作类型，数据）

Action：是一个对象，很多方法（调用Commit（）），可以发送Ajax请求，获得数据

Backend Api ：后端接口，可访问其他服务器，获得数据

Store:管理vuex的组成部分

创建store

 在vue中引入store

流程

1，保存共享数据在state中

 2，在组件中操作共享数据（sun）调用add方法：调用dispatch（）

 3，在actions中配置‘jia’函数，调用commit函数

4，在mutations中配置‘JIA’函数，可以操作state里的数据

 （1）当无更多逻辑操作，也可以跳过actions阶段，直接调用commit函数（代替dispatch函数）

 

 

 （2）当需要处理一些逻辑时(比如发送请求获取数据)，最好在actions阶段进行：

 Actions：

 Mutations：

 

Getters

当state中的数据需要经过加工后再使用时，可以使用getters加工。