defineExpose

2023年10月24日

柏拉文

越努力，越幸运

一、认识

---

使用 <script setup> 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例，不会暴露任何在 <script setup> 中声明的绑定。使用 defineExpose 编译器宏来显式指定在 <script setup> 组件中要暴露出去的属性。

二、语法

---

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

const a = 1
const b = ref(2)

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