Vue3 组件通信 v-model 封装组件 组件源码 v-model原理

Vue3 组件通信 v-model 封装组件 组件源码 v-model原理

v-model用在html标签上

• 本质是在标签上加value属性和绑定input方法
  

v-model用在组件标签上

• 本质是在标签上加modelvalue属性和绑定update:modelValue方法
  

封装组件AtguiguInput

• defineProps接收值，实现ts到页面
• update:modelValue返回值，实现页面到ts
• 双向绑定
  

html标签和组件标签上的event，是什么

• 对原生事件，是事件对象
• 对自定义事件，是传递的数据