【Vue面试宝典】带你拿offer

CSDN话题挑战赛第2期
参赛话题：面试宝典

💬大家好，我是夏日等风，一位csdn热衷技术的博主，希望大家多多支持。
✅我的人生我自己书写，余生很长，请多光照，我的人生，敬请期待。
🔥系列专栏：面试宝典
👍第四篇ing

vuex的五个属性

1. state：vuex的基本数据，用来存储变量

2. getter：从基本数据(state)派生的数据，相当于state的计算属性

3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。

回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。

4. action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。

5. modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。

简要介绍vuex各模块在流程中的功能

Vue Components：Vue组件。HTML页面上，负责接收用户操作等交互行为，执行dispatch方法触发对应action进行回应。
· dispatch：操作行为触发方法，是唯一能执行action的方法。
· actions：操作行为处理模块,由组件中的 $store.dispatch(‘action 名称’,data1)来触发。然后由commit()来触发mutation的调用 , 间接更新 state。负责处理Vue Components接收到的所有交互行为。包含同步/异步操作，支持多个同名方法，按照注册的顺序依次触发。向后台API请求的操作就在这个模块中进行，包括触发其他action以及提交mutation的操作。该模块提供了Promise的封装，以支持action的链式触发。
· commit：状态改变提交操作方法。对mutation进行提交，是唯一能执行mutation的方法。
· mutations：状态改变操作方法，由actions中的 commit(‘mutation 名称’)来触发。是Vuex修改state的唯一推荐方法。该方法只能进行同步操作，且方法名只能全局唯一。操作之中会有一些hook暴露出来，以进行state的监控等。
· state：页面状态管理容器对象。集中存储Vue components中data对象的零散数据，全局唯一，以进行统一的状态管理。页面显示所需的数据从该对象中进行读取，利用Vue的细粒度数据响应机制来进行高效的状态更新。
· getters：state对象读取方法。图中没有单独列出该模块，应该被包含在了render中，Vue Components通过该方法读取全局state对象。

结束语

不断的翻越一座又一座的高山，那样的人生才是我想要的。这一马平川，一眼见底的生活，我不想要,我的人生，我自己书写，余生很长，请多关照，我的人生，敬情期待💖💖💖