Mr_绍君

手把手，学习element-plus源码。今天来实现Form组件。 文章还是分为3个部分，第一部分先分析一下实现思路，第二部分阅读element-plus源码，第三部分手写实现一个组件。

我本来觉得，我之前写的通过cz-commitlint来提交，通过release-it来发布，也够用了。现在看来，还是可以继续重构，实现一个命令走天下。

appContext在上下文的时候，指定为父级appContext。（也就是全局上下文）2.vue的变量访问顺序，做了统一的代理，先setup,其次是data。3.setup可以返回函数作为渲染函数

文档+样式+按需打包，一个通用的组件库基本算是搭建完成了，也能发布上线使用了。但是要真正封装出一个好用的ui组件库，还是有很多细节需要实现。比如....

最近在造轮子，准备封装一套自己的组件库，手把手系列文章就是造轮子的一些经验总结， 组件库参考了element-plus, iview, naive-ui等源码。今天分享一下如何搭建组件库。

message组件看起来简单，但是想要实现一个完善的组件，还是有很多细节的。比如shallowReactive的使用，以及defineExpose的使用等

template写法简单，易于理解，推荐使用script setup写法，就是使用成本会高一些。jsx写法更加贴近js,组合性会高一些。而直接用api实现是最灵活的，但是使用成本也是最高的

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

手把手系列文章，仿element-plus框架封装一套自己的组件库。 学习element-plus框架源码，有助于我们更好的理解组件设计，加深对vue的理解。 今天要写的是Space组件。