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

文章目录

• • 如在vue中 使用tyescript来规范定义类型
  • 解释一下 的意思 定义 了 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