component — 使用全局组件
最后更新于：2022-04-02 08:07:13
[TOC]
>[success] # 全局组件
~~~
1.它们在注册之后可以用在任何新创建的 Vue 根实例 全局组件
~~~
>[danger] ##### 创建组件步骤
~~~
1.定义组件；
2.注册组件；
3.使用组件
~~~
>[danger] ##### 组件的命名规则
~~~
1.注册件名用了 驼峰命
名，则在引用组件的时候，需要把 大写的驼峰改为小写的
字母，同时，两个单词之前，使用 - 链接；
2.如果不使用驼峰,则直接拿名称来使用即可;
3.为什么驼峰不支持因为html不区分大小写
~~~
>[danger] ##### 难点
~~~
1.组件和 Vue 实例类似，基本可以使用其所有内容（data、computed、
methods）；
2.与 Vue 实例不同的是，data 是函数，输入需要 return
~~~
>[info] ## 三种全局组件的写法
~~~
1.第一种使用 'Vue.extend' （跟本不用了解）
2.第二种直接使用 'Vue.component'
3.第三种和第二种基本一致，只不过将定义模板提取出来
~~~
>[danger] ##### Vue.extend -- 基本不用写法
~~~
Title
Title
Title
';