Vue面试中经常会被问到的面试题

Posted 2021-02-16 still1

一、对于MVVM的理解

MVVM是 Model-View-ViewModel 的缩写。

Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。

View代表UI组件，它负责将数据模型转化成UI展现出来。

ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model 和 View。

在MVVM架构下，View 和 Model之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel之间的交互是双向的，因此View数据的变化会同步到Model中，而Model数据的变化也会立即反应到View上。

ViewModel通过双向数据绑定把View层和Model层连接了起来，而View 和 Model之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM，不需要关注数据状态的同步问题，复杂的数据状态维护完全由MVVM来统一管理。

 

二、Vue的生命周期

beforeCreate (创建前) 在数据观测和初始化事件还未开始 created (创建后) 完成数据观测， 属性和方法的运算， 初始化事件， el替换，并挂载到实例上去之后调用。 实例已完成以下的配置：用上面编译好的html内容替换el属性指向的DOM对象。 完成模板中的html渲染到html页面中。 此过程中进行ajax交互。

beforeUpdate (更新前) 在数据更新之前调用， 发生在虚拟DOM重新渲染和打补丁之前。 ·可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。