Vue3 defineExpose 暴露子组件内部属性和方法的API

defineExpose

应用场景: 主要用于在子组件中公开方法和属性,以便父组件可以访问和调用

暴露子组件的方法(控制子组件的操作和触发特定功能)

例如,你有一个子组件需要提供一些公共的操作接口,父组件可以通过这些接口来控制子组件的行为。

暴露子组件的状态

例如,你需要让父组件访问子组件内部的状态(如某个变量)。这在子组件需要被外部控制时很有用,例如表单组件的值或状态。

与composition API 配合使用

允许你定义和暴露组件内部的逻辑,而无需使用传统的this关键字。使得组件逻辑的封装和暴露变得更加灵活和明确。\

ref ="h1Ref" , ref = "comRef" 是模板引用。 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值