最近在解决 Vue3 的 JSX 不支持热更新的问题，所以较为深度地研究了 Webpack 的热更新的原理，以及应该如何实现 Vue3 的组件热更新，本文就来深度分析一下关于 Webpack 热更新的原理和实现。需要注意的是热更新不是 Webpack 的专利，其他的打包工具也是有的，并且会有一些区别。本文主要关注 Webpack。

在很长的一段时间中，Vue 官方都以简单上手作为其推广的重点。这确实给 Vue 带来了非常大的用户量，尤其是最追求需求开发效率，往往不那么在意工程代码质量的国内中小企业中，Vue 占据的份额极速增长。但是作为开发者自身，我们必须要认清一个重点，简单易用重来不应该在技术选型中占据很大的份额，可维护性才是。

本文是我新开的坑的第一篇文章，这个坑就是vue3，接下来我会围绕着vue3进行一系列的动作，包括但不限于： 完整的源码解析 jsx工程最佳实践 个性化的jsx方案 vue3生态库开发（目前有一个正在进行） 以及可能的自定义一个vue3的runtime 关于源码解析，网站已经上线，vue3源码解析，最佳实践，网站是逐行代码形式的解析，更...

是不是很奇怪，类似alert这种组件，讲道理我们还是更习惯直接alert("xxx")这样的使用方式，因为这类组件是上下文无关的，没必要在业务场景中先定义。

这段时间折腾了一个vue的日期选择的组件，为了达成我一贯的使用舒服优先原则，我决定使用directive来实现，但是通过这个实现有一个难点就是我如何把时间选择的组件插入到dom中，所以问题来了，我是不是又要看Vue的源码？

vue的双向绑定是基于响应式来做的，即给一个Vue对象的属性加上getter, setter方法，在这些方法中处理双向绑定。但这种方式就会出现下面这些坑

$els中的每个对象会copy一份实际的Vue对象(vm)的数据放在外面，改变这些数据并不会反应到实际的Vue对象上，如果我们希望真的改变对象的数据，有一个隐藏属性可以做到就是__vue__

do only a single taskLoaders can be chained. Create loaders for every step, instead of a loader that does everything at once. This also means they should not convert to JavaScript if not necessary. Example: Render HTML from a template file by applying the query parameters I could write a loader t...

最近公司的项目选型使用了vue，所以用vue开发了一个项目，期间在处理一些动画的时候，发现vue-transition虽然用起来简单，但是局限性很大，比如无法处理一个组件中父子元素的联动动画。这就极大得限制了我们的发挥，你只能进行单层次的动画，类似modal这种两种动画联动的就很难做，你很可能需要分成两个组件来做，这就不...