此面试题版本落后-请勿观看

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 。

2:vue的优势是什么？

1. 低耦合。视图（View）能够独立于Model变化和修改，一个ViewModel能够绑定到不一样的"View"上，当View变化的时候Model能够不变，当Model变化的时候View也能够不变。

2. 可重用性。你能够把一些视图逻辑放在一个ViewModel里面，让不少view重用这段视图逻辑。

3. 独立开发。开发人员能够专一于业务逻辑和数据的开发（ViewModel），设计人员能够专一于页面设计，使用Expression Blend能够很容易设计界面并生成xml代码。

4. 可测试。界面素来是比较难于测试的，而如今测试能够针对ViewModel来写。

3:请详细说下你对vue生命周期的理解？

答：总共分为8个阶段建立前/后，载入前/后，更新前/后，销毁前/后。

• 建立前/后： 在beforeCreate阶段，vue实例的挂载元素el尚未。

• 载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但仍是挂载以前为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.message成功渲染。

• 更新前/后：当data变化时，会触发beforeUpdate和updated方法。

• 销毁前/后：在执行destroy方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，可是dom结构依然存在

4:vue如何实现按需加载配合webpack设置?

webpack中提供了require.ensure()来实现按需加载。之前引入路由是经过import 这样的方式引入，改成const定义的方式进行引入。
不进行页面按需加载引入方式：import  home   from '../../common/home.vue'
进行页面按需加载的引入方式：const  home = r => require.ensure( [], () => r (require('../../common/home.vue')))
复制代码