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才可以

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

相关推荐
小云小白9 天前
高性能 v-html 弹窗实现:Vue3 + Element Plus 最佳实践
vue3·弹窗·v-html
xun-ming10 天前
SpringBoot和Vue3实战阿里百炼大模型极简版
spring boot·ai·vue3·智能体·百炼大模型
哆啦A梦158810 天前
20, Springboot3+vue3实现前台轮播图和详情页的设计
javascript·数据库·spring boot·mybatis·vue3
小盼江11 天前
基于Springboot3+Vue3的协同过滤鲜花商城推荐系统
vue3·springboot3·鲜花商城
哆啦A梦158811 天前
11,Springboot3+vue3个人中心,修改密码
java·前端·javascript·数据库·vue3
哆啦A梦158812 天前
01, 前端vue3框架的快速搭建以及项目工程的讲解
前端·vue3·springboot
萧曵 丶16 天前
Vue3组件通信全方案
前端·javascript·vue.js·typescript·vue3
Json____16 天前
vue3-商城管理系统-前端静态网站
前端·vue3·ts·商城纯静态
吴声子夜歌21 天前
Vue3——网络框架Axios的应用
javascript·vue3·axios
赵庆明老师1 个月前
vben开发入门6:tsconfig.json
json·vue3·vben