入坑前端10：Vue组件的理解

一.基本格式
但是一般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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容