当前位置:主页 > 技术文档 > 前端面试 下载
前端面试突破核心知识点备考-Vue

前端面试突破核心知识点备考-Vue 超清版

  • 更新:2024-04-23 09:39:21
  • 大小:683 KB
  • 热度:579
  • 审核:朱高兴
  • 类别:技术文章
  • 格式:PDF

  • 资源介绍
  • 相关推荐

前端面试突破核心知识点备考-Vue电子文档是针对即将面对前端职位面试的候选者量身打造的,文档不仅详尽地阐释了MVVM与MVC这两种架构模式的区别,并突出了Vue框架中MVVM的实践和优势,即模型与视图的双向绑定机制,通过对MVVM模型的解析,读者能够明白在Vue中数据和DOM的同步过程,进而理解Vue生命周期的各个阶段及其对应的系统钩子函数,这份文档通过对Vue核心概念的深入解读,不仅为面试者提供了复习的重点,也帮助他们构建起对前端框架工作原理的深刻理解,使他们在面试中展示出扎实的专业知识与理解能力。

介绍一下 MVVM 模式,和 MVC 模式有什么区别?

MVVM 即 Model-View-ViewModel 的简写,即模型-视图-视图模型。模型(Model)指的是后端传递的数据。视图(View)指的是所看到的页面。视图模型(ViewModel)是 MVVM 模式的核心,它是连接 View 和 Model 的桥梁。

视图模型有两个方向的作用:

1.将模型(Model)转化成视图(View),即将后端传递的数据转化成所看到的页面,实现的方式是:数据绑定。

2.将视图(View)转化成模型(Model),即将所看到的页面转化成后端的数据,实现的方式是:DOM 事件监听。当这两个方向的数据转换都实现时,我们称之为数据的双向绑定。

MVVM 模型图解:

MVC 是 Model-View-Controller 的简写,即模型-视图-控制器。M 和 V 指的意思和 MVVM 中的 M 和 V 意思一样。C 即 Controller 指的是页面业务逻辑。使用MVC 的目的就是将 M 和 V 的代码分离。MVC 是单向通信,也就是 View 跟Model,必须通过 Controller 来承上启下。

MVC 模型图解:

MVVM 与 MVC 最大的区别就是:MVVM 实现了 View 和 Model 的自动同步,也就是当 Model 的属性改变时,我们不用再自己手动操作 Dom 元素来改变 View的显示,而是改变属性后该属性对应 View 层显示会自动改变(双向绑定)。生命周期

Vue2 的生命周期有哪些

生命周期可以理解为三部分,第一部分为初始化 Vue 实例的过程,第二部分为数据渲染,更新 Dom 的过程,第三部分为销毁实例的过程,每一个部分都有对应的钩子函数来完成对应的部分过程。

初始化阶段的钩子函数:

beforeCreate()//实例创建前:模板和数据均未获取到created()//实例创建后:最早可以获得 data 数据,但模板还未获取到beforfeMount()//数据挂载前:模板已经获取到,但是数据未挂载到模板上mounted()//数据挂载后:数据已挂载到模板中

更新阶段的钩子函数:

beforeUpdate()//模板更新前:data 改变后,更新数据模板前调用updated()//模板更新后:将 data 渲染到数据模板中

销毁阶段的钩子函数:

beforeDestroy()//实例销毁前destroyed()//实例销毁后

资源下载

资源下载地址1:https://pan.quark.cn/s/56c3f4ac1fe2

相关资源

网友留言