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

相关推荐
计算机魔术师14 小时前
一键沉浸式体验:清华开源OpenMAIC,重塑多智能体学习新范式
学习·typescript·开源·多智能体·openmaic
badhope14 小时前
GitHub超有用项目推荐:skill仓库--用技能树打造AI超频引擎
java·开发语言·前端·人工智能·python·重构·github
时寒的笔记14 小时前
js逆向入门03_会展中心案例&shuwei观察&ji思录
开发语言·前端·javascript
@PHARAOH14 小时前
HOW - 前端页面低代码 Schema 驱动最小范式
前端·低代码
LFly_ice14 小时前
C# Web 开发从入门到实践
开发语言·前端·c#
大黄说说14 小时前
Vue 3 + Vite 高性能项目最佳实践(2026 版)
前端·javascript·vue.js
数据服务生14 小时前
围棋-html版本
前端·html
JohnsonXin14 小时前
一次线上白屏排查:静态 import 是如何悄悄破坏 Webpack 共享 Chunk 的
前端·webpack·node.js