defineExpose暴露组建属性及方法

        defineExpose

        使用 <script setup> 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 <script setup> 中声明的绑定。

        可以通过 defineExpose 编译器宏来显式指定在 <script setup> 组件中要暴露出去的属性

    一、 使用defineExpose向外导出值:

       1.在代码块中定义defineExpose并且返回出值

        2. 在父组件中获取defineExpose导入的返回值

        

        效果图

 

               

 二、在父组件中修改子组件的值

        1.在子组件中定义一个方法用来自增

          2.在父组件中调用其方法

效果图

        每点击一下按钮子组件count自增1

 

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值