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

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

相关推荐
Nymph_Zhu1 天前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
Nymph_Zhu1 天前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
AI源码4 天前
巨峰影视影院
vue3
RuoyiOffice4 天前
UniApp企业办公:把审批、客户和项目装进手机,能做些什么?
spring boot·vue3·uniapp·crm·flowable·移动办公·企业应用
RuoyiOffice5 天前
SpringBoot OA推荐:面向信创选型,看看这套企业协同平台
spring boot·vue3·信创·flowable·企业协同·ruoyi office·oa选型
周厉5 天前
WebSocket 使用场景与实现方法:Java + Vue3 全栈实战
java·websocket·vue3·websocket双向通讯
红红谈说6 天前
同一套产品两个技术栈,双版本前端工程差异怎么收敛?
前端·uni-app·vue3·前后端分离·双版本维护·接口约定
RuoyiOffice7 天前
Flowable 状态通知设计:单体用本地事件,微服务如何回写业务状态?
spring boot·微服务·vue3·flowable·ruoyi office·redis stream·流程状态通知
AI开源软件7 天前
SpringBoot + Vue3 人力资源管理系统推荐:组织、档案与移动办公
vue3·springboot·ruoyi·oa系统·移动办公·人力资源管理系统·hrm
梅雅达编程笔记7 天前
Day 17 | uni-app 小程序:前端从零搭建
微信小程序·typescript·uni-app·vue3·pinia·前端开发·全栈