Vue3-15 html标签和组件上的ref属性 + 接口泛型

文章目录

  • ref
    • [html 标签加 ref](#html 标签加 ref)
    • [组件 加 ref](#组件 加 ref)
    • 其他
  • 泛型

ref

html 标签加 ref

html 元素上加ref,需要在script中创建一个同名的变量存储标记的内容,拿到的是dom元素

组件 加 ref

组件上加ref,获取的是这个组件的实例。

如果父组件想要看子组件的内容,需要子组件主动暴露才行,要使用defineExpose暴露内容

其他

vue 页面中的style加上 scoped就是局部样式的意思,样式只在当前页面上有效果,建议每个写都加上 scoped.

泛型

在导入时,@表示在路劲的根目录,也就是src所在的位置

导入接口时,需要加type才可以

定义一个接口类型的数组,使用泛型

相关推荐
SL-staff10 小时前
Vue3私有化AI白板落地实战|解决政企项目智能绘图合规难题(可直接复用源码)
人工智能·低代码·开源·vue3·白板·jvs规则引擎·jvs-draw
雨季mo浅忆10 小时前
Cursor快速实现上传Excel功能
前端·vue3·ai编程
ANnianStriver2 天前
PetLumina-AI 驱动的宠物生活管理平台
java·生活·vue3·springboot·ai编程·宠物·全栈开发
雨季mo浅忆3 天前
记录Vue3项目中的各类问题
前端·bug·vue3
八目蛛6 天前
八目蛛网络(免费工具网站导航)
css·vue.js·开源·vue3·html5·ai编程
颂love6 天前
Vue3基础入门
前端·学习·vue3
海市公约7 天前
Vue3组合式API中watch传值生命周期与自定义Hook实战
vue3·生命周期·watch·props·组件通信·defineexpose·自定义hook
海市公约8 天前
Vue3组合式API与响应式系统核心机制详解
vue3·computed·reactive·ref·响应式系统·composition api·script setup
小茴香3539 天前
Vue3路由权限动态管理
前端·前端框架·vue3
暗冰ཏོ13 天前
《2026 Vue2 + Vue3 完整学习指南:基础语法、路由缓存、登录拦截、项目实战与面试题》
前端·vue.js·vue·vue3·vue2