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

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