typescript新规范及vue3常用的属性解析【2024】

文章目录

    • [如在vue中 使用tyescript来规范定义类型](#如在vue中 使用tyescript来规范定义类型)
    • [解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array<PersonInter>](#解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array<PersonInter>)
    • defineprops
    • vue3中的hooks组件
    • [父子组件 方法、数据、相互调用](#父子组件 方法、数据、相互调用)

如在vue中 使用tyescript来规范定义类型

映入的时候需要 import { type xxx} form 'zzz' xxx是一个类型是一个约束 不是值

引入使用时需要 在每一个需要使用的定义名称前添加 type


解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array

当然在定义类型时 也有专业的用法如下图 自定义接口用于单个人的

当然你在使用reactive 定义数据时也可以直接传泛型

defineprops

vue3中的hooks组件

命名规则 以use开头 如:useList useDog

组件中使用定义的hooks组件

父子组件 方法、数据、相互调用

父组件想调用子组件的方法和数据 子组件需要用defineExpose()包裹

$refs 打印出来所有子集数据


代码方法调用

$parent

相关推荐
全栈老石19 小时前
手写一个无限画布 #3:如何在Canvas 层上建立事件体系
前端·javascript·canvas
晴殇i19 小时前
BroadcastChannel:浏览器原生跨标签页通信
前端·面试
DeathGhost19 小时前
分享URL地址到微信朋友圈没有缩略图?
前端·html
MrBread19 小时前
微任务链式派生阻塞渲染
前端·debug
wuhen_n19 小时前
patch算法:新旧节点的比对与更新
前端·javascript·vue.js
小岛前端19 小时前
Cloudflare 掀桌子了,Next.js 迎来重大变化,尤雨溪都说酷!
前端·vite·next.js
简离19 小时前
前端调试实战:基于 chrome://webrtc-internals/ 高效排查WebRTC问题
前端·chrome·webrtc
十里八乡有名的后俊生19 小时前
深度解析:JavaScript中的import方式 - 静态导入、动态导入与CSS处理机制
前端·javascript·面试
wuhen_n19 小时前
Diff算法基础:同层比较与key的作用
前端·javascript·vue.js
ze_juejin19 小时前
display: contents 详解
前端