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

前端全栈开发者

共 510字,需浏览 2分钟

 ·

2022-10-21 19:20

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

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

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

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

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



往期文章

浏览 85
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报