Skip to main content

基础概念

Setup()

vue3之组件结构(defineComponent,setup函数)

defineComponent

它并没有实现任何的逻辑,只是把接收的 Object 直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务 TypeScript 而存在的。

(1)defineComponent包裹了组件; (2)defineComponent函数,只是对setup函数进行封装,返回options的对象; (3)defineComponent最重要的是:在TypeScript下,给予了组件 正确的参数类型推断 (4)defineComponent可以给组件的setup方法准确的参数类型定义. (5)defineComponent 可以接受显式的自定义 props 接口或从属性验证对象中自动推断 (6)defineComponent 可以正确适配无 props、数组 props 等形式 (7)引入 defineComponent() 以正确推断 setup() 组件的参数类型