Vue.js 3.2 已经正式发布，其中关于响应式部分的性能优化，你知道是怎么做的吗？本文会从源码层面分析具体做了哪些优化，以及这些优化背后带来的技术层面的思考。

前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

1. 生命周期函数面试题 1. 什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM-渲染、更新-渲染、卸载等一系列的过程，我们称这是 Vue 的生命周期。 2. vue生命周期的作用是什么 Vue 所有的功能…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

有人说递归很难理解，也有人不这么认为。递归函数简单的定义是：一个自调用函数，这意味着它将在执行的某个时刻调用自己。 咱们无法决定哪一个更重要。如果没有结束点，递归将成为一个无限循环，但是如果一组规则就不能实现期望的行为，所以两者都存在才能使它正常工作。 在 Vue 中，递归非常…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…

先不考虑各种边界情况，我们实现一个最简单的Vue响应式系统。首先要有一个$watch函数，监测data中的属性，当属性值有改变时，就重新渲染。 思考如何知道属性值改变了呢？有没有一种方法能够在属性值改变的那一刻执行一些逻辑呢？有，用Object.defineProperty定义…

最近接手了一个React开源项目，上手前看了一些react的基础教程就撸了，之前有着半年Angular转2年Vue的前端经验，但是还是对React心生畏惧。 项目做了大概一个周了，发现果然世界上代码都是一样的，React几乎和Vue的用法一样，唯一的学习成本在于语法（如果你能理…