DEV Community
·
构建生产环境栈：Docker、Meilisearch、NGINX 和 NestJS
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Vue 3 允许组件有多个根元素，无需包装。使用 ref 时，若无包装，ref 指向子组件实例。使用 <script setup> 时，需用 defineExpose 暴露属性。Vue 3 的 Fragment 会在组件前插入空文本节点，导致 $el 返回 #text。解决方案包括使用单根元素或结合模板引用和 defineExpose。
🎯
关键要点
- Vue 3 允许组件有多个根元素，无需包装。
- 使用 ref 时，若无包装，ref 指向子组件实例。
- 使用 <script setup> 时，需用 defineExpose 暴露属性。
- Vue 3 的 Fragment 会在组件前插入空文本节点，导致 $el 返回 #text。
- 解决方案包括使用单根元素或结合模板引用和 defineExpose。
➡️
