前端Vuex面试题

什么是Vuex？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法就是在mutaions里修改state，actions不能直接修改state

vuex的组成结构示意图:

Vuex的特点是把数据单独隔离，形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出，其中action作为数据的输入，state作为数据的输出。如下图：

store:

vuex 中最关键的是store对象，这是vuex的核心。可以说，vuex这个插件其实就是一个store对象，每个vue应用仅且仅有一个store对象。

创建store:

const store = new Vuex.Store({
   ...});

store是Vuex.Store这个构造函数new出来的实例。在构造函数中可以传一个对象参数。这个参数中可以包含5个对象：

1. state => 基本数据
2. getters =>state的计算属性
3. mutations => 提交更改数据的方法，同步！
4. actions => 把方法提交到mutation，异步操作
5. modules => 将store模块化