Vue3组件

 

　　组件（Component）是Vue.js最强大的功能之一。

 

　　组件可以扩展HTML元素，封装可重用的代码。

 

　　组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：

 

　　每个Vue应用都是通过用createApp函数创建的，传递给createApp的选项用于配置根组件。当我们挂载应用时，该组件被用作渲染的起点。

 

　　一个应用需要被挂载到一个DOM元素中。

 

　　以下实例我们将Vue应用挂载到<div id="app"></div>，应该传入#app：

 

　　const RootComponent={/*选项*/}

 

　　const app=Vue.createApp(RootComponent)

 

　　const vm=app.mount('#app')

 

　　注册一个全局组件语法格式如下：

 

　　const app=Vue.createApp({...})

 

　　app.component('my-component-name',{

 

　　/*...*/

 

　　})

 

　　my-component-name为组件名，/*...*/部分为配置选项。注册后，我们可以使用以下方式来调用组件：

 

　　<my-component-name></my-component-name>