vue前端开发面试题文档_前端开发面试题资源-CSDN文库

需积分: 1 9 浏览量 2023-02-04 09:50:52 上传评论收藏 390KB DOC 举报

资源推荐

资源详情

资源评论

1. 谈谈你对 MVVM 开发模式的理解

MVVM 分为 Model、View、ViewModel 三者。

Model：代表数据模型，数据和业务逻辑都在 Model 层中定义；

View：代表 UI 视图，负责数据的展示；

ViewModel：负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互

操作；

Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和

ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发

View 层的刷新，View 中由于用户交互操作而改变的数据也会在 Model 中同步。

这种模式实现了 Model 和 View 的数据自动同步，因此开发者只需要专注对数据

的维护操作即可，而不需要自己操作 dom。

2. Vue 有哪些指令？

v-html、v-show、v-if、v-for 等等。

3. v-if 和 v-show 有什么区别？

v-show 仅仅控制元素的显示方式，将 display 属性在 block 和 none 来回切换；

而 v-if 会控制这个 DOM 节点的存在与否。当我们需要经常切换某个元素的显示

/隐藏时，使用 v-show 会更加节省性能上的开销；当只需要一次显示或隐藏时，

使用 v-if 更加合理。

4. 简述 Vue 的响应式原理

当一个 Vue 实例创建时，vue 会遍历 data 选项的属性，用 Object.defineProperty

将它们转为 getter/setter 并且在内部追踪相关依赖，在属性被访问和修改时通知

变化。

每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记

录为依赖，之后当依赖项的 setter 被调用时，会通知 watcher 重新计算，从而致

使它关联的组件得以更新。

剩余13页未读，继续阅读

内容反馈

GIS之家

粉丝: 455
资源: 51

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip