vue3.0定义组件

一、介绍定义组件

vue3.0定义组件_第1张图片
vue3.0定义组件_第2张图片

源码:
vue3.0定义组件_第3张图片

二、提取props组件

ps : 用于多个组件共用的props

未提取之前

vue3.0定义组件_第4张图片

遇到的问题

age为必填项,为何在mounted里会显示undefined

vue3.0定义组件_第5张图片

解决办法:在定义里加了 as const

vue3.0定义组件_第6张图片

理由:vue-next(vue3的源码)中,设置defineComponent为readonly只读,所以vue不会认为定义的常量是只读的,需要加上as const 表示为只读

vue3.0定义组件_第7张图片

三、组件应用

vue3.0定义组件_第8张图片

四、介绍ref 定义单个数据

vue3.0定义组件_第9张图片
vue3.0定义组件_第10张图片

你可能感兴趣的:(Vue,vue)