vue3+ts+vite学习笔记（⽼ref与新ref混⽤）
⽼ ref 与新 ref 混⽤vue element admin
⽂章：Vue 官⽅⽂档 - 模板引⽤
链接：
使⽤组合式 API 时，需要事先声明 ref 并在 setup() 返回；
使⽤ TypeScript 的时候，ref 默认值为 null 同时变量类型也为 null 的话，后续的参数调⽤，则会出现类型报错，这时候需要使⽤到 泛型+ 接⼝；
注解：
好像虚拟 DOM 没有接⼝，只能通过泛型来替代；
console 输出是⼀个 proxy（代理模式）；
虚拟 DOM 内是 HTMLElement 接⼝，是获取 HTMLElement 属性所需要的声明，例如：scrollTop, width；
可以参考以下代码，从 vue-vben-admin 项⽬中学习到的；
// 泛型或 Null
declare type Nullable<T>=T|null;
// 允许传⼊ null 为默认值
const vueRef = ref<Nullable<HTMLElement>>(null)
unref
传⼊ ref 对象或变量；
主要⽬的是去除 ref 对象，返回 ref 对象内的值；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。