如何使用新的 Vue 3 <script setup> 标签扩展组件?

Dav*_*att 7 javascript vue.js vuejs3

我一遍又一遍地浏览 Vue 文档,并在 Google 上搜索了很多次,但我找不到关于如何使用 Vue 3 标签完成扩展组件的明确答案<script setup>

旧的 Vue 2 方式是这样的:

<script>
import ExtendMe from 'ExtendMe.vue'
export default {
  extends: ExtendMe
}
</script>
Run Code Online (Sandbox Code Playgroud)

使用 Vue 3 组合 API,它会类似于:

<script>
import { defineComponent } from 'vue'
import ExtendMe from 'ExtendMe.vue'

export default defineComponent({
  extends: ExtendMe,
  setup () {
  }
})
</script>
Run Code Online (Sandbox Code Playgroud)

但在使用该<script setup>标签时,似乎没有任何明确的文档说明这一点。

我所能找到的是它与提供/注入有关:https ://vuejs.org/api/composition-api-dependency-injection.html

但是,我在文档中看不到如何告诉 Vue 从哪个组件注入变量?

有人能解释一下吗?