一.基本格式 但是一般ES6写法可以省略

image.png image.png

二.组件的使用流程

1.定义组件对象

image.png

注意：前面的my-head和my-footer这个只是注册组件给组件对象取的名字，并不属于组件对象的范畴。

2. 给组件对象注册一个名字

image.png

3.使用-用组件的注册名

image.png

三：关于template的写法

1.必须要有唯一根标签

image.png 2. 一般都这样写

注意：#abc和根组件中el:'#abc'一致的，只是el挂载的是div

四.名字的讲究

image.png
这里的名字没有任何的要求。只要是一个合法的变量名即可。
但是一般采用大驼峰命名：如果多个单词，则每个单词的首字母都要大小写。MyHeader 、EleUser

注册组件的名字，一般也没有要求，但是大多数的情况下是与定义组件对象的名字一样。进行简写。

image.png

使用组件名字，这个就很有讲究了，必须全部小写。

image.png

并且使用kebab写法（烤肉）大写字母改小写字母，在前面加-

image.png