注册组件

注册组件

一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。

全局注册

更改 main.js 文件如下：

import { createApp } from 'vue'

import App from './App.vue'

import './assets/main.css'
import HelloWorld from './components/QuickStart/HelloWorld.vue'

const app= createApp(App)
app.mount('#app')

app.component('HelloWorld', HelloWorld)

注册后，HelloWorld 组件就可以在任何地方都可以直接使用了。