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>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h65067.shtml