Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

全局注册

app.component() 方法,让组件在当前 Vue 应用中全局可用。

1
2
3
import MyComponent from './App.vue'

app.component('MyComponent', MyComponent)

全局注册的组件可以在此应用的任意组件的模板中使用:

1
2
3
4
<!-- 这在当前应用的任意组件中都可用 -->
<ComponentA/>
<ComponentB/>
<ComponentC/>

局部注册

在使用 <script setup> 的单文件组件中,导入的组件可以直接在模板中使用,无需注册:

1
2
3
4
5
6
7
<script setup>
import ComponentA from './ComponentA.vue'
</script>

<template>
<ComponentA />
</template>

评论