最近在看 Vue 团队成员的技术演讲，从中能了解到他们的设计思考以及最佳实践，看完一场收获颇多，里面有文档里学不到的设计思考。

手写 Mini-Vue3 专栏的第三篇文章，通过这篇文章，你将能够搞清楚 Vue3 在渲染时具体做了哪些工作，还包括 shapeFlag 和注册事件功能等的实现原理。

前一段时间我写的一篇mini-vue受到大家的欢迎。为了让大家能更好的的理解。我在B站录了视频带大家一起手写。

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

只有刻意练习才能提高。 前面关注Vue3主要是阅读源码也趁机摸鱼了提了一些PR,居然还有一个通过的算是给vue大业也做了点点贡献。 为了更好的理解Vue3源码我计划使用渐进式的方法完成一个简写版的Vue框架。 欢迎大家持续关注、首先做一个简单的计划。 这个计划一定会变😜，要不…

从上图可以看出，真实的DOM元素是非常庞大，这是因为浏览器的标准把DOM设计的非常复杂（一个DOM对象包含了许多属性，如上图所示）。当我们频繁地去做DOM更新，相应就会产生性能问题。 为了解决频繁操作DOM的性能问题，Virtual DOM就孕育而生了。虚拟的Virtual D…

可以看看。

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

这是这次系列文章的第一篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 两个部分都是可以进行自定义内容及样式的。…