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

文章目录

    • [如在vue中 使用tyescript来规范定义类型](#如在vue中 使用tyescript来规范定义类型)
    • [解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array<PersonInter>](#解释一下 < >的意思 定义 了 personList :是个数组 Array 且要告诉里面每一项 结构长什么样 Array)
    • 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

相关推荐
XLYcmy5 小时前
HTML/CSS/JS 基础与 Vue 技术栈深度解析
java·前端·css·html·vue3·vue2·api
新知图书5 小时前
12.3 智能体中Skill的约束与自进化实战
java·前端·数据库
风月说与山鬼5 小时前
四、Tailwind CSS——间距与尺寸
前端·css·tailwind css
en.en..5 小时前
C语言 static函数与头文件封装规范
java·c语言·前端
计算机魔术师5 小时前
旅途中用手机远程控制电脑?电脑不在身边,ToDesk/UU远程/TeamViewer移动端深度实测
前端
梅雅达编程笔记5 小时前
实战:用Harness做一个自动化日报Agent
typescript·实战教程·deepseek·harness·自动化agent
风月说与山鬼5 小时前
三、Tailwind CSS——排版与文字样式
前端·css·tailwind css
eokred6 小时前
图片预览组件的另一种设计:Headless、可组合、开箱即用
前端·react
南雨北斗6 小时前
解决web开发中前后端跨域通信(session失效问题)
前端