vue组件嵌套

组件命名

自定义组件一般在components目录中创建，命名用大驼峰的方式。

接下来我们创建两个组件，分别命名如下：

• Hello
• HelloWorld

如果首字母小写切与html标签重名，程序会报错。

注册组件

通过下面的代码，可以将外部组件引入到当前组件

import Hello from "@/components/Hello"
import HelloWorld from "@/components/HelloWorld"
export default {
    components:{
        Hello,
        HelloWorld
    }
}

在template中，组件的标签不区分大小写，切驼峰命名的组件可以使用 - 链接。

<div>
    <hello></hello>
    <Hello></hello>
    <HelloWorld></HelloWorld>
    <Hello-world></Hello-World>
</div>

一个项目中，推荐使用统一的写法，本教程主要使用小写，并且用 - 链接单词。