Vue.js小技巧：在script setup组件中暴露属性

默认情况下，使用 Options API 或 Composition API 而不使用 <script setup> 的组件默认是开放的。

默认情况下，只有使用 <script setup> 的组件是关闭的。

如果我们试图通过 template ref 或 $parent 链访问这样一个组件的公共实例，它将不会公开 <script setup> 块中声明的任何绑定。

我们可以使用 defineExpose 编译器宏来明确地暴露属性。

当父级通过模板 ref 获取 Child.vue 的实例时，检索到的实例将具有 { foo: string, bar: string } 的形状（就像在普通实例上一样，refs 会自动展开）：

往期文章

• JavaScript小技巧：从数组中删除虚假值
  
• 像专业人员一样验证你的Vue Props
  
• gitee上撸了个类似飞书OKR输入框的@提及项目
  
• 我经常使用的 Github 实用小技巧
  
• 真没必要再对 axios 进行过度的封装