2023年最新的Vue全套面试题（含答案）_vue3笔试题,vue3面试题资源-CSDN文库

需积分: 1 134 浏览量 2023-05-06 11:09:27 上传评论 1 收藏 1.45MB DOCX 举报

资源推荐

资源详情

资源评论

1、介绍一下 MVC MVVM

1. 什么是 MVVM?

在 MVVM 框架下视图和模型是不能直接通信的，只能通过 ViewModel 进行交互，它能够

监

听到数据的变化，然后通知视图进行自动更新，而当用户操作视图时，VM 也能监听到视图

的变化，然后通知数据做相应改动，这实际上就实现了数据的双向绑定。并且 V 和 VM

可以

进行通信。

Model（模型）

模型是指代表真实状态内容的领域模型（面向对象），或指代表内容的数据访问层（以数据

为中

心）。

View（视图）

就像在 MVC 和 MVP 模式中一样，视图是用户在屏幕上看到的结构、布局和外观（UI）。

View（视图）是应用程序中处理数据显示的部分。　　通常视图是依据模型数据创建的。

Controller（控制器）是应用程序中处理用户交互的部分。　　通常控制器负责从视图读取

数据，控制用户输入，并向模型发送数据。

优点:

低耦合

重用性高

生命周期成本低

部署快

可维护性高

有利软件工程化管理

3. MVC 与 MVVM 的区别:

MVC 和 MVVM 的区别并不是 VM 完全取代了 C，ViewModel 存在目的在于抽离 Controller

中展示的业务逻辑，而不是替代 Controller，其它视图操作业务等还是应该放在 Controller

中实现。也就是说 MVVM 实现的是业务逻辑组件的重用。

MVC 中 Controller 演变成 MVVM 中的 ViewModel

MVVM 通过数据来显示视图层而不是节点操作

MVVM 主要解决了 MVC 中大量的 dom 操作使页面渲染性能降低,加载速度变慢,影响用户体

验

2、为什么 data 是一个函数

组件的 data 写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回

一分新的 data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各

自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份 data，就会造成一个

变了全都会变的结果。

3、Vue 组件通讯有哪些方式？

1、props 和 $emit。父组件向子组件传递数据是通过 props 传递的，子组件传递给父组件

是通过$emit 触发事件来做到的。

2、$parent 和 $children 获取单签组件的父组件和当前组件的子组件。

3、$attrs 和 $listeners A -> B -> C。Vue2.4 开始提供了$attrs 和$listeners 来解决这个问题。

4、父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量。（官方不

推荐在实际业务中适用，但是写组件库时很常用。）

5、$refs 获取组件实例。

6、envetBus 兄弟组件数据传递，这种情况下可以使用事件总线的方式。

剩余14页未读，继续阅读

内容反馈

千源万码

粉丝: 763
资源: 368

最新资源

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

feedback-tip