vue3 + ts defineProps 设置默认值 + 子父之间的通信

小怪兽_v • 2023年08月15日 09:10 • 1年前 • 编程日记 • 阅读(2) • 违法举报

首先要引入

import { withDefaults, defineProps, defineEmits } from 'vue'

1、接受父组件传递的参数与默认值

// 接受父组件传递参数
withDefaults(
  defineProps<{
    name: String;
  }>(),
  {
    name: '小怪兽',
  }
)

(如没有暴露，父组件不能使用子组件的方法与数据)

（1）自定义事件（子传父接）

子组件

父组件

（2）子组件通过defineEmits向父组件发送简单数据并渲染

子组件

父组件

文章来源地址https://uudwc.com/A/g0PVo

原文地址:https://blog.csdn.net/qq_49080170/article/details/132277077

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请联系站长进行投诉反馈，一经查实，立即删除！