Vuex入门

概念

两个子组件无法直接通信，通常需要借助父组件实现两个同级子组件的通信，当组件之间需要共享的数据较多，同时代码逻辑相对复杂时，会导致代码大量冗余，Vuex就解决了这一问题，提供了了组件之间公共数据的存放和数据共享，哪个组件需要用时，直接从这个公共的地方取即可。

Vuex是一个状态(数据)管理工具，将数据存在一个公共的地方，谁要就去取

vuex的5个属性

1.state：用于存放公共数据，类似组件中的data；

2.mutation：唯一修改state的地方，存数据修改的逻辑（同步操作）

3.actions：用于改变数据，但是无法直接修改，需要提交mutations，在mutations里修改数据（异步操作）

4.getters：相当于计算属性的computed，是从基本数据state派生的数据

5.modules：用于模块化vuex，可以让每个模块都拥有自己的state，mutation，actiuon，getter

参考

前端面试：说一下你对vuex的理解。你应该这么回答……_哔哩哔哩_bilibili