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

相关推荐
haibindev14 分钟前
把近5万个源文件喂给AI之前,我先做了一件事
java·前端·c++·ai编程·代码审计·架构分析
labixiong26 分钟前
React Hooks 闭包陷阱:高级场景与深度思考
前端·javascript·react.js
掘金者阿豪1 小时前
在AI时代,没有人是“只写一行代码的人”——我们为何都在被迫成为全栈?
vue.js·后端
☞无能盖世♛逞何英雄☜1 小时前
Echarts数据可视化应用
前端·信息可视化·echarts
2501_943610361 小时前
我爱导航系统美化版源码网址导航系统带后台-【全开源】
前端·后端·html·php
__Yvan1 小时前
Kotlin 的 ?.let{} ?: run{} 真的等价于 if-else 吗?
android·开发语言·前端·kotlin
英俊潇洒美少年1 小时前
JS 事件循环(宏/微任务) ↔ Vue ↔ React** 三者的关系
javascript·vue.js·react.js
陈随易2 小时前
我也曾离猝死很近
前端·后端·程序员
烈焰飞鸟2 小时前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont
喵个咪2 小时前
GoWind Content Hub|风行,开箱即用的企业级前后端一体内容中台
前端·后端·cms