#Vue3篇：defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `＜script setup＞` 组件中要暴露出去的属性：

最新推荐文章于 2024-05-15 14:47:15 发布

程序员xiaolibao

最新推荐文章于 2024-05-15 14:47:15 发布

阅读量578

点赞数 17

分类专栏： Vue3篇文章标签：前端 vue.js

前端xiaolibao

本文链接：https://blog.csdn.net/weixin_47075554/article/details/135914948

版权

11 篇文章 0 订阅

订阅专栏

文章介绍了在Vue中，默认不暴露组件内部声明的绑定。开发者可以使用defineExpose显式指定要暴露的属性，如变量a和b。父组件通过模板引用获取子组件实例时，ref处理方式保持不变。

摘要由CSDN通过智能技术生成

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

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

vue

<script setup>
import { ref } from 'vue'

const a = 1
const b = ref(2)

defineExpose({
  a,
  b
})
</script>

当父组件通过模板引用的方式获取到当前组件的实例，获取到的实例会像这样 { a: number, b: number } (ref 会和在普通实例中一样被自动解包)

关注