vue-cli 和 vite 创建的 vue 项目中，使用环境变量的方式

在一些情况下，当需要在 TypeScript 中处理响应式数据时，可能会遇到类型推断的问题，而使用 UnwrapRef 可以帮助解决这些问题。在上述示例中，我们使用 UnwrapRef 来取消 count 响应式数据的引用类型的嵌套。使用 UnwrapRef 类型工具可以将 Ref 对象还原为其原始的值类型，以便在需要直接操作原始值的地方使用。当我们使用 ref 函数创建一个响应式数据时，会得到一

vue3，使用 PropType 自定义 Props 验证

Vue2 - diff 原理（动图演示），render 函数，patch 函数。

在组件库的设计中，最常见的全局配置是z-index和sizez-index：统一管理弹出层（dialog, message, loading）等组件的层级。size：统一管理表单元素大小。这些都属于全局配置项，可以全局配置来实现。在中provide的依赖，在使用的地方inject即可。举例最终返回的context会作为组件的默认插槽的 props 使用。举例：

解析 element-plus 组件 collapse 折叠面板

vue3 子组件需要使用 defineExpose 暴露属性，父组件才能通过 ref 子组件实例访问暴露出的属性。

实用简写属性 inset

TailwindCss基本介绍和使用