尝试过vuex @4.x的同学都知道，对ts的支持不是很好，写起来不是很方便。不了解的同学请看这篇文章。 pinia简单介绍 Pinia是新一代的状态管理器，由 Vue.js团队中成员Phan An所

开场 Hello大家好，相信在座各位假如使用Vue生态开发项目情况下，对Pinia状态管理库应该有所听闻或正在使用，假如还没接触到Pinia，这篇文章可以帮你快速入门，并如何在企业项目中更优雅封装使用

Vuex作为Vue前端框架官宣的状态管理工具，一直在与时俱进。然而其繁琐的actions、mutations以及模块嵌套一直饱受开发者诟病。于是，该Pinia上场不要脸啦！

这个组件库是基于 Material Design 的设计进行规范的，在此期间作者与合作的小伙伴们共同参考社区成品以及结合国内开发者感兴趣的 api 。

“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。

一直都没有去接触 Vue3，现在暑假时间，就趁这个机会去好好的学习一下，这篇文章就是我之前学习 Vue3 做的笔记，做笔记一方面让自己更加理解和掌握知识点，一方面分享给大家希望能对大家有所帮助

以图的形式，言简意赅的总结Vue3组件相关的内容⭐️，附原图o🧚🏻‍♀️，可以方便你按照自己的想法二次修改，欢迎阅读👇