Vue-面试题-3

vuex是什么？怎么使用？哪种功能场景使用它？

vue框架中状态管理

在main.js引入store，注入

新建一个目录store，…… export

场景有：单页应用中，组件之间的状态 音乐播放、登录状态、加入购物车

vuex有哪几种属性？

有五种，分别是 State、 Getter、Mutation 、Action、 Module

vuex的State特性

vuex的State特性
A、Vuex就是一个仓库，仓库里面放了很多对象。其中state就是数据源存放地，对应于一般Vue对象里面的data
B、state里面存放的数据是响应式的，Vue组件从store中读取数据，若是store中的数据发生改变，依赖这个数据的组件也会发生更新
C、它通过mapState把全局的 state 和 getters 映射到当前组件的 computed 计算属性中
vuex的Getter特性
A、getters 可以对State进行计算操作，它就是Store的计算属性
B、 虽然在组件内也可以做计算属性，但是getters 可以在多组件之间复用
C、 如果一个状态只在一个组件内使用，是可以不用getters
vuex的Mutation特性
Action 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态；Action 可以包含任意异步操作

不用Vuex会带来什么问题

可维护性会下降，想修改数据要维护三个地方；

可读性会下降，因为一个组件里的数据，根本就看不出来是从哪来的；

增加耦合，大量的上传派发，会让耦合性大大增加，本来Vue用Component就是为了减少耦合，现在这么用，和组件化的初衷相背

vue的双向数据绑定原理是什么？

vue,js是采用数据劫持结合发布者-订阅者阅读的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调

具体步骤：

• **第一步：**需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter和getter

  这样的话，给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化

• **第二步：**comp