defineExpose
使用 <script setup>
的组件是默认关闭的——即通过模板引用或者 $parent
链获取到的组件的公开实例,不会暴露任何在 <script setup>
中声明的绑定。
可以通过 defineExpose
编译器宏来显式指定在 <script setup>
组件中要暴露出去的属性
一、 使用defineExpose向外导出值:
1.在代码块中定义defineExpose并且返回出值
2. 在父组件中获取defineExpose导入的返回值
效果图
二、在父组件中修改子组件的值
1.在子组件中定义一个方法用来自增
2.在父组件中调用其方法
效果图
每点击一下按钮子组件count自增1