如果你想问前端最值得学习的框架是什么，我一定会毫不犹豫地告诉你是Vue。无论你是技术小白还是前端工程师，Vue的重要性自不必多说。下面千锋长沙前端培训给大家分享下Vue相关面试题：

       1、什么是 mvvm？

       MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而 View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作 DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。

       2、mvvm 和 mvc 区别？

       mvc 和 mvvm 其实区别并不大。都是一种设计思想。主要就是 mvc 中 Controller 演变成 mvvm 中的 viewModel。mvvm 主要解决了 mvc 中大量的 DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。和当 Model 频繁发生变化，开发者需要主动更新到 View 。

       3、vue 的优点是什么？

       低耦合。视图（View）可以独立于 Model 变化和修改，一个 ViewModel 可以绑定到不同的"View"上，当 View 变化的时候 Model 可以不变，当 Model 变化的时候 View 也可以不变。可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面，让很多 view 重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用 Expression Blend 可以很容易设计界面并生成 xml 代码。可测试。界面素来是比较难于测试的，而现在测试可以针对 ViewModel 来写。

       4、vue生命周期的理解？

       答：总共分为 8 个阶段创建前/后，载入前/后，更新前/后，销毁前/后。创建前/后： 在 beforeCreate 阶段，vue 实例的挂载元素 el 还没有。载入前/后：在 beforeMount 阶段，vue 实例的$el 和 data 都初始化了，但还是挂载之前为虚拟的 dom 节点，data.message 还未替换。在 mounted 阶段，vue 实例挂载完成，data.message 成功渲染。更新前/后：当 data 变化时，会触发 beforeUpdate 和 updated 方法。销毁前/后：在执行 destroy 方法后，对 data 的改变不会再触发周期函数，说明此时 vue 实例已经解除了事件监听以及和 dom 的绑定，但是 dom 结构依然存在

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

       vue 框架中状态管理。在 main.js 引入 store，注入。新建了一个目录 store，….. export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车

       6、说出至少 4 种 vue 当中的指令和它的用法

       v-if(判断是否隐藏)、v-for(把数据遍历出来)、v-bind(绑定属性)、v-model(实现双向绑定)

       7、vue 的双向绑定的原理是什么？

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

       8、vuex 有哪几种属性

       有 5 种，分别是 state、getter、mutation、action、module。

       9、vuex 的 store 特性是什么

       vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 data。state 里面存放的数据是响应式的，vue 组件从 store 读取数据，若是 store 中的数据发生改变，依赖这相数据的组件也会发生更新，它通过 mapState 把全局的 state 和 getters 映射到当前组件的 computed 计算属性。

       10、vuex 的 getter 特性是什么

       getter 可以对 state 进行计算操作，它就是 store 的计算属性。虽然在组件内也可以做计算属性，但是 getters 可以在多给件之间复用，如果一个状态只在一个组件内使用，是可以不用 getters。

       11、vuex 的 mutation 特性是什么

       action 类似于 muation, 不同在于：action 提交的是 mutation,而不是直接变更状态。

上一篇

长沙Java培训：高并发编程JUC包面试题及答案

下一篇

千锋长沙前端培训分享之初级前端面试题整理