Vue 3 组件注册

组件注册

上一节实验中,我们大概了解了一下组件的基础,这一节实验我们要深入组件注册。

组件名字

我们在注册组件的时候,我们都会给组件起一个名字,就好像我们人的名字一样。需要注意的是,我们的组件名字是有一些规范的,一般这种单文件组件,我们强烈推荐使用字母全小写且必须包含一个连字符,全部小写字母,单词使用中华线 - 隔开。

例如我们在 src/main.js 下注册的全局组件:

app.component('content-box', {
    template: `<div>
        这是插槽内容
        <slot></slot>
    </div>`
})

组件名字规范

在字符串模板或单个文件组件中定义组件时,定义组件名的方式有两种:

使用kebab-case

app.component('content-box', {
    template: `<div>
        这是插槽内容
        <slot></slot>
    </div>`
})

当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如:

&
05-08 1906
05-06 2116
实付 79.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值