vue3的内存泄漏 在项目中会发现一个奇怪的现象，当使用element-plus中的图标组件时会出现内存泄漏。详情查看 解决方案1：关闭静态提升。详情查看 解决方案2：文末附上

活着，最有意义的事情，就是不遗余力地提升自己的认知，拓展自己的认知边界。 引言 在Vue中，会遇到三种类型的watcher实例，他们分别为 render watcher：用于vue组件渲染 watch

前言 实例创建之后，初始化事件和生命周期，而后触发beforeCreate。 beforeCreate，当前实例创建之前，很少操作，一般用于加载动画，比如创建一个菊花旋转。 created表示当前实例

官方解释 - 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。 基于不同时期的源码，会有不同的答案。 实际上，nextTick在vue发展的不同版本中，针对各种渲染和dom事件问题进行了多次调整。宏/微任务，甚至两种并行。在最新版本…

最近重新翻刷了官方文档，有那么一句话，不推荐在 reactive ​使用泛型。瞬间疑惑了，平时就这么用的，为什么不推荐呢？

最近在业务开发过程中，发现了之前使用不是很多的Vue功能-自定义指令，实现了部分元素逻辑的抽象复用。这里对其进行了简单的分析整理。 注意，若Vue.directive第二个参数未传入数据，则根据指令名称返回已注册的指令。 注册完毕后，可以直接在元素上添加v-focus来使用。 …

在这篇文章中，我们将学习如何使用defineCustomElement API将Vue组件转换为Web Component，如何将其打包为库，以及如何在纯HTML中使用它。

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…