Vuex的学习

在学习前我总会想几个问题

 

为什么学？

学它有什么便利性？

如何去学好？

根据这几个问号让我们来进行对Vuex的学习吧~

目录

 Vuex相关概念

Vuex的定义

何时使用Vuex

搭建Vuex环境

Vue与Vuex的使用对比

使用Vue版案例

使用Vuex版案例

总结

---

在学习Vuex之前我们学习了全局事件总线（前情回顾：兄弟组件之间传递参数可以用全局事件总线），当B、C、D这几个组件想用A组件里的数据我们可以用全局事件总线来解决，如下图理解：

 然后我们就发现A组件中的数据就像“共享单车”一般能让B、C、D这几个组件都可以使用，所以我们就研究出了Vuex，如下图理解：

 Vuex相关概念

Vuex的定义

在Vue中实现集中式状态（状态可以理解为数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。

何时使用Vuex

• 多个组件依赖于同一状态
• 来自不同组件的行为需要变更同一状态

搭建Vuex环境

所需文件如下图：

 分析环境中的相关组成：

//store文件夹里的index.js是用于创建Vuex中最为核心的store

import Vuex from 'vuex'     //引入Vuex

const actions ={ }              //准备actions--用于响应组件中的动作

const