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

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

相关推荐
gis开发之家10 小时前
《Vue3 从入门到大神50篇》Vue3 源码详解(二十):生命周期钩子源码解析 —— onMounted / onUpdated 如何实现?
前端·javascript·前端框架·vue3·vue3源码
java1234_小锋8 天前
Vue3专题 - 响应式基础
vue·vue3·响应式
春波petal9 天前
Vue3防抖搜索:从Lodash到customRef全解析
vue.js·vue3·防抖搜索
濮水大叔10 天前
不必把 Vue3 写成“麻花”:从状态碎片到对象协作,重新理解 Zova 的前端心智模型
前端·typescript·vue3·ioc·tsx·zova
听风34712 天前
智扫通机器人智能客服系统
vue3·fastapi·智能客服·agent项目
gis开发之家14 天前
《Vue3 从入门到大神40篇》Vue3 源码详解(十):diff 算法全解析 —— 为什么 Vue3 比 Vue2 更快?
javascript·算法·typescript·前端框架·vue3·vue3源码
想你依然心痛16 天前
让数据会说话,Vue 结合 ECharts 打造电力可视化大屏
echarts·vue3·数据大屏·电力可视化
路光.17 天前
Vue2升级Vue3处理原 UMD/CommonJS 打包文件,不是标准 ESM
前端·javascript·vue.js·vue3
gis开发之家18 天前
《Vue3 从入门到大神37篇》Vue3 源码详解(七):watch 与 watchEffect 源码对比——副作用是如何被追踪的?
javascript·前端框架·vue3·vue3源码
布兰妮甜20 天前
从 0 搭建企业级 Vue3/Vite 脚手架(规范、eslint、husky、打包、环境变量全流程)
typescript·vue3·vite·脚手架·前端工程化