码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-17 20:58:11      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:视图   初始化   连接   变化   好的   模型   操作   ted   挂载   

一、对于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重新渲染和打补丁之前。 ·可以在该钩子中进一步地更改状态,不会触发附加的重渲染过程。

 

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

标签:视图   初始化   连接   变化   好的   模型   操作   ted   挂载   

原文地址:https://www.cnblogs.com/still1/p/10725993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!