vue面试题

最新推荐文章于 2024-09-06 17:56:21 发布

浏览器翻译官~

最新推荐文章于 2024-09-06 17:56:21 发布

阅读量274

点赞数

CC 4.0 BY-SA版权

文章标签： vue基础

本文链接：https://blog.youkuaiyun.com/lbPro0412/article/details/91452324

前端vue技术点干货分享同时被 2 个专栏收录

77 篇文章 ¥99.90 ¥299.90

订阅专栏

前端干货分享

69 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细解答了关于Vue.js的一些核心面试题目，包括MVVM原理、MVVM与MVC的区别、Vue的双向数据绑定实现、组件封装、模板编译理解、<keep-alive>作用、key值的作用、Vue优点、生命周期、组件传值方式以及Vue Router的相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、什么是MVVM？

答：MVVM是是Model-View-ViewModel的缩写，Model代表数据模型，定义数据操作的业务逻辑，View代表视图层，负责将数据模型渲染到页面上，ViewModel通过双向绑定把View和Model进行同步交互，不需要手动操作DOM的一种设计思想。

2、MVVM和MVC区别？和其他框架(jquery)区别？那些场景适用？

答：MVVM和MVC都是一种设计思想，主要就是MVC中的Controller演变成ViewModel,，MVVM主要通过数据来显示视图层而不是操作节点，解决了MVC中大量的DOM操作使页面渲染性能降低，加载速度慢，影响用户体验问题。主要用于数据操作比较多的场景。

3、Vue的双向数据绑定原理是什么？

vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

具体步骤：

第一步：需要 observe 的数据对象进行递归遍历，包括子属性对象的属性，都加上 setter 和 getter 这样的话，给这个对象的某个值赋值，就会触发 setter，那么就能监听到了数据变化

第二步：compile 解