问题分析

考察求职者对于vuex的理解与掌握情况，vuex 是vue的学习与开发中的一个难点，很多学生只闻其名而不知其意。

核心问题讲解

1. 什么是vuex ：

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

2. 他的属性方法有哪些？每个阶段是干嘛的？

    • State、mutations、getters、actions、 modules

Store

    表示对Vuex对象的全局引用。组件通过Store来访问Vuex对象中的State

• State

    Vuex对象的状态，即其所拥有的数据

• Getter

相当于Store的计算属性。因为就像计算属性一样，Getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。下面会说到具体的使用场景

• Mutation

定义了对State中数据的修改操作。组件使用State中的数据的时候并不能直接对数据进行修改操作，需要调用Mutation定义的操作来实现对数据的修改。这也是Vuex定义中所说的用相应的规则来让数据发生变化的具体实现

• Action

Mutation中定义的操作只能执行同步操作，Vuex中的异步操作在Action中进行，Action最终通过调用Mutation的操作来更新数据

• Module

Store和State之间的一层，便于大型项目管理，Store包含多个Module，Module包含State、Mutation和Action

问题分析

考察求职者对于vuex的理解与掌握情况，vuex 是vue的学习与开发中的一个难点，很多学生只闻其名而不知其意。

核心问题讲解

1. 什么是vuex ：

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

2. 他的属性方法有哪些？每个阶段是干嘛的？

    • State、mutations、getters、actions、 modules

Store

    表示对Vuex对象的全局引用。组件通过Store来访问Vuex对象中的State

• State

    Vuex对象的状态，即其所拥有的数据

• Getter

相当于Store的计算属性。因为就像计算属性一样，Getter的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。下面会说到具体的使用场景

• Mutation

定义了对State中数据的修改操作。组件使用State中的数据的时候并不能直接对数据进行修改操作，需要调用Mutation定义的操作来实现对数据的修改。这也是Vuex定义中所说的用相应的规则来让数据发生变化的具体实现

• Action

Mutation中定义的操作只能执行同步操作，Vuex中的异步操作在Action中进行，Action最终通过调用Mutation的操作来更新数据

• Module

Store和State之间的一层，便于大型项目管理，Store包含多个Module，Module包含State、Mutation和Action