对于前端开发者来说，或多或少的都想拥有一个属于自己的组件库，下面我们就来一起看看如何开发一个属于自己的组件库，满足自己的小愿望。 我们知道一个组件库最基础的组件就是button，他没有过多的交互，就是

通过调试，一窥ref()、reactive()的区别在哪？为什么vue3不使用Object.defineProperty()实现响应式了？

1. 前言 本片文章原文来自 我的个人博客 这是 《vue3 源码学习，实现一个 mini-vue》 系列文章 响应式模块 的最后一章了，在前面几章我们分别介绍了 reactive、ref 以及 co

本项目是本人学习 Vue3 核心源码的记录，包含简易版 Vue3 的实现代码以及笔记等形式，可供读者进行学习。

proxy 只接受对象入参，所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象，内部也会调用 reactive 方法进行深层响应式转换

前言 本小节我们开启响应式原理的篇章。在开启这个篇章之前，我们先来了解一下 Vue3 中一个基于 Composition API 响应式应用的例子是如何编写的： 在 vue3 中我们通过 reacti

学习vue源码，虚拟dom肯定是绕不过去的，所以今天聊一聊vue3源码中的虚拟dom。 虚拟dom其实本质上就是一段用来表示真实dom的一段js代码。 他最大的优点，是为了解决频繁的dom操作问题。

vue面试经常会被问，vue3做了哪些性能优化，为什么这么快？ 答案有很多，比如模板静态标记，事件缓存，diff算法，静态提升等。 除了这几个之外，其实还有一个知识点，是很多人都忽略的。

不管是数据的响应式，还是computed的实现，亦或是vue组件的更新。本质都是通过effec侦听器来实现的。对于effec有几点要理解清楚。