前端面试第 66 期 - Vue 专题第二篇 获取更多面试相关问题可以访问：https://github.com/pro-collection/interview-question/issues

在之前写到的字节面试中，有一道题堪称经典中的经典，那就是vue的响应式原理。在这篇文章中我为各位详细解释了一下vue3中reactive的原理及简化版的代码。

1.底层响应式原理不同 1. Vue2 Vue2使用的是Object.defineProperty()来劫持各个属性的setter/getter，在数据发生变化的时候通知订阅者更新视图。 缺点： 无法

1. 请说说vue的双向绑定 表象上，双向绑定指的是JS 变量到DOM内容之间的数据映射，也就是变量值更新后会自动反映到DOM节点；而用户在DOM上做的变更操作也会即时反馈到对应变量。 实现上，基于响应式系统实现了从变量到DOM树的绑定，在Vue 2.x 版本是基于 Objec…

为什么会有nextTick这个东西的存在? 因为 vue 采用的异步更新策略，当监听到数据发生变化的时候不会立即去更新DOM， 而是开启一个任务队列，并缓存在同一事件循环中发生的所有数据变更;

本系列教程是为了帮助没有能力直接上手（或上手比较困难）做项目的初级前端开发工程师采用 V3 Admin Vite 开源模板来编写业务代码。

在 Vue 3 中实现 WebSocket 实时通信网络功能。首先，确保你的后端已经设置了 WebSocket 服务。然后，前端可以通过WebSocket API 与服务器进行连接。

在开发过程中，我们有时会遇到数据量较大的情况，这会导致大量数据同时加载到页面，从而生成过多的 DOM 元素。这种情况不仅会导致页面卡顿，甚至可能导致浏览器直接崩溃。给用户体验带来极大的负面影响

提示：本文包含vue3版本的源码分析 Vue3新特性 组合式API（composition API） 为什么使用composition API options API的组件，比如在A组件中定义了B/C