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

相关推荐
jacGJ1 小时前
记录学习--文件读写
java·前端·学习
毕设源码-赖学姐2 小时前
【开题答辩全过程】以 基于WEB的实验室开放式管理系统的设计与实现为例,包含答辩的问题和答案
前端
幻云20102 小时前
Python深度学习:从筑基到登仙
前端·javascript·vue.js·人工智能·python
我即将远走丶或许也能高飞4 小时前
vuex 和 pinia 的学习使用
开发语言·前端·javascript
钟离墨笺4 小时前
Go语言--2go基础-->基本数据类型
开发语言·前端·后端·golang
爱吃泡芙的小白白4 小时前
Vue 3 核心原理与实战:从响应式到企业级应用
前端·javascript·vue.js
卓怡学长5 小时前
m115乐购游戏商城系统
java·前端·数据库·spring boot·spring·游戏
老陈聊架构5 小时前
『AI辅助Skill』掌握三大AI设计Skill:前端独立完成产品设计全流程
前端·人工智能·claude·skill
Ulyanov6 小时前
从桌面到云端:构建Web三维战场指挥系统
开发语言·前端·python·tkinter·pyvista·gui开发
cypking6 小时前
二、前端Java后端对比指南
java·开发语言·前端