defineExpose暴露子组件属性及方法

在我们的子组件里面定义了一个常量,我们想要将我们定义的常量传递出去直接调用我们的子组件是传递不了的。

在我们的子组件里面调用我们的definedExpose 这个可以帮助我们将我们的子组件里面定义的值传递出去,我们同时也需要在我们页面调用的子组件里面添加一个ref来接收,之后在我们的script里面使用我们的onMounted来输出我们的传递过来的值。

如果属性和值不一样的时候:

在我们传递过去的值后面添加一个冒号,在冒号后面添加我们要传递的值

我们再次从页面中的控制台来查看我们的值知否已经输出出来了。

我们看的控制台的count下面的value里面是我们从子组件里面传递过来的值,就说明我们从子组件里面传递的值已经成功的传递出来了。

我们不仅仅可以传递一个值还可以传递多个,也可以使用方法来传递我们在方法里面改变的我们在子组件里面定义的方法。

我们在传递出去我们修改定义值的方法之后,需要在我们的主页面进一步来取到我们修改值的方法。

我们设置了一个点击的button的按钮来调用我们的修改值的方法,保存好了之后可以在我们页面中查看我们的效果。

这个就是我们的从子传父的基本认知和用法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值