每天学一点vue3

ref 和 reactive 的老生常谈，Vue3都两三年了吧，基础知识嘛，温故而知新吧。重温一下，巩固一下，看看有啥变化没。emmm，没啥变化。ref 的本质是 class 哦。

简单说了一下组件，我是想说，组件也没什么特别的，其实只是一个对象，有点类似 ajax 那样的用法，按照要求，使用指定的属性（或者函数）名称，就可以了，剩下的交给Vue即可。

对比一下 computed、watch和watchEffect，看看异同点，看看实现功能时的不同方式，也许可以加深一下了解，这里侧重computed。

对于后台管理类的项目，列表页面是一个基础中的基础功能，相信大家都会，这里试图采用更抽象一些的方式来实现，这样我们可以少写一些代码。然后配合 json 渲染，基本就是一个低代码了。

以前以为Typescript不会支持动态对象的类型检查呢，后来发现是我学习的不够深入。原来可以用 class + 泛型 + 类型合并实现动态对象的类型检查。支持 reactive 和provide

用户状态可以按照一般的方式创建，用户信息和登录退出都放在状态内部，这样想要信息就取信息，想登录就调用登录的函数。但似乎没啥安全感！虽然写代码的时都不会瞎写，但如果在代码层面可以避免出意外，不是更好！

创建全局状态，获取全局状态；创建局部状态，获取局部状态。我喜欢这种清晰明了的方式。设定一个统一的状态管理方案，支持全局和局部状态。时候不同的需求。

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