vue中定义组件

在vue中使用组件，可以提高代码的重复使用率

组件分为全局组件和局部组件。

全局组件定义如下格式(有很多定义组件的方式，这里随便举例一种)：

	<template id="tem">
		<div>
			使用template定义的模板
			
		</div>
	</template>
	Vue.component('com',{
		template:'#tem'
	})

关于什么是全局组件和什么是局部组件，之前已经说过了，例如JS中的全局变量和局部变量的含义差不多

定义局部组件(也就是只能在对应的实例中才可以使用)：

        <template id="tem1">
		<div >
			<h1>私有组件</h1>
			
		</div>
	</template>	
	//在实例中components中写入
	components:{
		componentb:{
			template:'#tem1'
		}
	},

总结：利用Vue.component()定义的是全局组件，在实例中components中定义的是局部组件,另外组件的内容必须使用标签包裹