VUE前端面试题 附答案.pdf

"VUE前端面试题 附答案.pdf" 本文档是关于VUE前端面试题的汇总，涵盖了VUE框架的基础知识点，包括VUE的基本原理、双向数据绑定的原理、MVVM、MVC、MVP架构设计模式等。 VUE的基本原理 VUE框架的基本原理是通过Object.defineProperty()将数据对象的属性转换为getter/setter，并在内部追踪相关依赖，实现数据的双向绑定。在VUE 3.0中，使用Proxy来代理对象，实现数据劫持。 双向数据绑定的原理 双向数据绑定的原理是基于数据劫持结合发布者-订阅者模式的思想。通过Object.defineProperty()来劫持数据对象的属性，并在数据变动时发布消息给订阅者，触发相应的监听回调。Compile解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者。 Watcher订阅者 Watcher订阅者是Observer和Compile之间通信的桥梁，主要做的事情是：在自身实例化时往属性订阅器(dep)里面添加自身，拥有一个update()方法，待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调。 MVVM架构设计模式 MVVM是Model-View-ViewModel的缩写，主要通过分离关注点的方式来组织代码结构，优化开发效率。MVVM模式将应用程序分为三个部分：Model、View、ViewModel。Model负责存储业务数据和对应数据的操作，View负责页面的显示逻辑，ViewModel负责监听Model中的数据改变并控制View的更新，处理用户交互操作。 MVC和MVP架构设计模式 MVC是Model-View-Controller的缩写，主要通过分离关注点的方式来组织代码结构，优化开发效率。MVC模式将应用程序分为三个部分：Model、View、Controller。Model负责存储业务数据和对应数据的操作，View负责页面的显示逻辑，Controller负责用户与应用程序的响应操作。 MVP是Model-View-Presenter的缩写，主要通过分离关注点的方式来组织代码结构，优化开发效率。MVP模式将应用程序分为三个部分：Model、View、Presenter。Model负责存储业务数据和对应数据的操作，View负责页面的显示逻辑，Presenter负责用户交互操作，并将Model中的数据改变通知View层更新。