一个简单的 Vue 组件的实例：

 

全局组件实例

注册一个简单的全局组件 runoob，并使用它：

 

<div id="app">

    <runoob></runoob>

</div>

 

<script>

// 创建一个Vue 应用

const app = Vue.createApp({})

 

// 定义一个名为 runoob的新全局组件

app.component('runoob', {

    template: '<h1>自定义组件!</h1>'

})

 

app.mount('#app')

</script>