---

组件是什么

组件是可复用的 Vue 实例,主要用于开发中 具有相同特征不同数据的模块 把它集成为一个组件 供重复利用

全局组件

规则：

• 组件的属性不能用大写字母
• 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符
• 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)
• 注册的组件不要跟系统标签同名

创建全局组件语法：

             //注册全局组件
			Vue.component("box", {  //标签名
				template: "
box组件
" //标签内容 
				//template里面内容只能用一个唯一的div包裹住，如果template的儿子元素中有两个元素，那么就会报错。局部组件也是
			})
1
2
3
4
5

全局组件完成后相对于局部组件来说不用注册在任何vue管辖的html中(也就是vue的el元素下)都可以调用。

局部组件

一个vm实例可以有多个局部组件,但是只能供当前vm实例使用

创建局部组件语法：

		

			
		
		


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

//Box.vue文件中



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

小结：
如果.vue的script注释了 在打包的时候 vue的打包环境 会帮我们把这个文件解析为一个对象 然后给这个对象添加一个template属性 值为解析的