1.全局组件:

全局:所有组件共同的功能(指令,过滤器,组件)

组件的属性不能用大写字母

注册组件时，组件名不要用系统已经使用过的，组件template模板中，只能有一个根元素
组件的名字可以用驼峰命名法,但是使用的时候必须用连字符
全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)

注册的组件不要跟系统标签同名

2.局部组件:

局部:只有当前组件的功能(指令,过滤器,组件)

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

 3.组件的嵌套:

.vue文件既可以是一个页面,也可以是一个组件
它可以被别人.vue文件引入 然后作为组件使用

	<style type="text/css">
			.app {
				width: 400px;
				height: 900px;
				background-color: gold;
			}
			.box1 {
				width: 200px;
				height: 200px;
				background-color: darkorange;
				margin: 20px;
			}
			.box11{
				width: 100px;
				height: 50px;
				background-color: hotpink;
				margin: 20px;
			}
		style>
		<div id='app' class="app">
			<Box1>Box1>
			<Box1>Box1>
			<Box2>Box2>
			<p>{{msg|box1tool}}p>
			<p v-color2="'blue'" v-color>{{msg|alltool1}}p>
			<allbox>allbox>
		div>
		<script>
			// 全局:所有组件共同的功能(指令,过滤器,组件) 
			// 局部:只有当前组件的功能(指令,过滤器,组件)
			Vue.filter("alltool1",function(str){
				return str+"-alltool1"
			})
			Vue.filter("alltool2",function(str){  //注册过滤器
				return str+"-alltool1"
			})
			Vue.directive("color",function(el,obj){  //注册全局自定义指令
				el.style.color=obj.value||"red"
			})
			Vue.component("allbox",{
				template:"
6666allbox
"			
			})
			var vm = new Vue({
				el: '#app',
				data: {
					msg:"appdata"
				},
				methods: {},
				components: {
					Box1: {  // 不能访问上面的data
						template: `
						 
{{msg|box1tool}}
						  
{{msg|alltool1}}
						  
						  	
						 
`,