首页 / 知识

Vue3组件定义说明

2023-04-11 13:14:00

　　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>