🚀 Vue3 高级组件封装实践指南：让你的组件更优雅、更好用！ 在 Vue3 的日常开发中，我们经常需要对组件库（如 Element Plus、Ant Design Vue 等）做二次封装，目的是统一

现在流行的前端框架也就是vue、react、angular了，在投递简历时，我们都可以看到任职要求会有最少熟悉这些框架中的一种，掌握这些框架就好像时多了一个轮子或者说是多了一个车，框架可以然我们快速的使用、复用处理一些问题。当然面试中不仅会问到这些只是的掌握情况，也会问些你的框…

本人在生产项目中使用 UnoCSS 已经快两年了。前段时间在公司无脑整理了培训文档和我常用的一些小技巧，现在将排除项目内部代码之外的内容分享出来。

很多同学应该都在面试中遇到过这样的问题：“v-if 和 v-show 有什么区别？我们应该在什么情况下使用 v-if，什么情况下使用 v-show 呢？” 很多同学一听，这不太简单了~~

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选择。

前言 大家好，我是林三心，在日常面试中，Diff算法都是绕不过去的一道坎，用最通俗的话，讲最难的知识点一直是我写文章的宗旨，今天我就用通俗的方式来讲解一下Diff算法吧？Lets Go 什么是虚拟DO

背景引入  vue3的学习已经有一段时间了，本着奔浪不奔就可能变成后浪的态度，学习梳理了下vue3的编译，基于vue3的整个编译源码的学习，准备把编译源码按照编译过程分三部分记录学习下来，同各位奔浪一

清楚vue中diff算法的处理流程，知道每一个节点对比如何进行，如何书写模板可以进行最优的对比、复用节点，从而提高性能，

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…