每天学一点vue3

还记得Vue3刚开始的时候，大家谈论的心智负担吗？现在在setup风格的状态里面重现了，那么你是喜欢 setup 这种随意的组合方式，还是充血实体类的方式呢？

以前做后端，不喜欢class，但是喜欢充血实体类。现在做Vue，总会看到有人问：为啥Vue不使用class？其实vue完全可以使用class的，自带的Ref其实就是用class实现的。所以做一个充血的

optionAPI风格的状态，终于有点像样子了。写文章的过程也是整理反思的过程，检查代码，测试代码，思考利弊，设想各种应用场景，对照同类功能的实现方式和思路。

使用继承的方式实现，可以使用ref实现响应性，也可以使用reactive实现响应性。两种方式你喜欢哪一种呢？

Vue3的打包设置，缓存的设置，自动更新版本的一种方法。测试有效。还需要17个字。还需要十个字。为什么要50个字？

状态，还是适合自己的才是用起来最舒服的。你是用官方推荐的pinia，还是自己重复制造一个轮子呢？我给自己做了一个锤子，充血实体类的状态哦。

组件的props想使用泛型，要如何设置？作用域插槽的props也想用泛型，又要如何设置？vue3.3提供了简单的设置方法。

体验一下Vue3.3的新特性，主要是 defineModel、外部导入props的类型定义，Props 响应式解构 等。体验的同时，看看内部的实现方式，提升编码水平。

工程化的方式建立一个vue3的项目，话说现在官网不用工程化这个词了呢？yarn + vite 建立一个项目，挂载需要的插件，一个大号hello world，然后正式开干。

学习vue3，可以像jQuery那样，直接开干！不要node，不要npm，不要各种乱乱的，就是干。。。放心，只是过渡一下，不会跑偏。如果你对官网的例子有点茫然，不知如何下手，那么可以来看，也许豁然开朗

适合新手的vue3入门系列，这只是开始，后续更精彩。好吧第一章有点水，可以跳过。祝大家五一快乐，玩的开心，休息的好，多多发财。

Vue3 的 composition API做组件，也是可以定义基类的，也是可以定义class、设置子类。因为Vue3 完全支持ES6。就看脑洞够不够大。

实现el-dialog的拖拽功能，我知道可以通过设置属性的方式实现。只是我一开始用的使用没有哇，写了又不想放弃，然后还的跟着维护和升级。。。

低代码的核心是什么？用更少的代码实现更多的功能！那么如何实现呢？抽象呀！固定不变的写成代码、函数库，变化的写成json。那么json从何而来？可以从文档而来。

维护部门信息，内置类型转换，可以自动设置 parentID、level、sort、sortAll等字段，可以扩展，可以拖拽。

组件的联动，其实也不难。低代码的表单控件，最大的问题就是如何实现灵活性，而灵活性又包含很多情况，像 el-form 提供了很高的灵活性，但是用起来比较繁琐，所以需要我们找到一个折中点。

表单里面各种各样的子控件的处理方式，可以基于JSON渲染，也可以使用slot、插件等方式进行扩展。基于Vue3+UI库，可以快速上手。

维护列表的json的小工具，可以用于维护json，也可以用于生成 el-table的属性。还可以当做代码生成器来使用。还可以试试看修改属性后的效果。

让用户自己设置符合他要求的列表如何？当然要在权限范围内，我们可以把这种方式叫做“个性化设置”，这样就不用折腾我们程序员了。

低代码，如果程序员可以使用低代码的方式开发项目，是不是可以更快速简洁？既然大家都可以接受UI库，那么为啥不愿意接受低代码呢？或者，我们把UI库变成低代码工具（引擎）？