Vue/Vuex入门、Vuex 介绍 Vuex是什么 Vuex说明总结、Vuex主要五个内容

一.Vuex说明

1.Vuex介绍 

Vuex是Vue的状态管理工具 状态是数据 状态管理就是集中管理Vue中通用的一些数据

2.Vuex是什么?

Vuex的作用是解决多组件状态共享的问题 在大型项目中 组件通讯会变得很混乱 使用Vuex可以统一管理组件之间的通讯

他是独立组件而单独存在的 所有的组件都可以把他当作一座桥梁来进行通讯

使用Vuex好处 响应式: 只要vuex中数据变化 对应的组件会自动更新(类似于vue数据驱动)

3.Vuex总结说明

为什么使用vuex: 使用vuex是因为项目变得复杂之后 有很多数据需要在父组件、子组件和孙组件之间传递、处理起来很繁琐 于是就需要vuex这样一个可以对这一部分数据进行统一管理

Vuex特点: 所有组件数据共享 响应式: 一旦vuex数据修改 所有使用的地方都会自动更新

Vuex使用场景: 1.多个组件都需要使用数据时 2.组件传值比较麻烦时

Vuex的优势:

1. vuex集中统一管理数据,避免了组件间频繁繁琐的数据传递操作

2. vuex中的数据响应式 只要数据变化 所有使用数据的组件都会自动更新

3. 数据的每次变化都会被记录下来 便于后续回溯(su)问题定位错误 可以方便的用于收集线上bug复用用户的使用场景

二.Vuex主要五个内容

1. state: 统一定义公共数据 (类似data)

2.mutations: 用来修改数据 （类似于methods）

3. getters: 计算属性 对现在的状态进行计算得到新的数据 

4. actions: 异步操作 发送异步请求 (发送axios请求)

5.modules: 模块拆分 将以上五个部分进行模块haul拆分