VUE组件定义的几种方式

(1)
                局部注册

var app ={         //app是组件的模板名
   templete:'<div>我是组件的模板,但我不知道我是那个组件的模板,在这里你可以敲出你想要显示的内容 例 
               如：HTML代码，或者包含 指令 其他组件的一个HTML代码片段</div> '
 components:{},  //可加可不加，加了的意思是里面还有一个子组件(有了子组件，就还得再定义一个模板)	
		 };
			

			
下面为vue的实例化					

  new Vue ({
	  el: "#qwe",          //el  创建和挂载根实例, 这是一个挂载点 此处挂载到qwe上
       data:{},                 //  这里是你要传入的数据，即初始数据
 components:{'love':app}, //components意思是组件，这个属性的作用就是定义组件的名字 此处意思是把app这个组件模板定义组件名为love					   
					   })

 (2) 
                全局注册

 在这里的hello之后，{}之内的内容其实就相当于vue的实例化，就跟上面的一样，只是省略了（说白了就是一个语法糖，在怎么改变做法，这个糖还是甜的，）

Vue.component('hello',{              //hello是组件名
		    data: function () {return {}},         //这个属性可加可不加，加了意思就是你可以为你 
                                         这个即下面的模板templete一个初始值，一般用于组件的复用
		   props:[],   //这个属性可加可不加，加了意思就是你可以通过 Prop 向子组件传递数据
		templete:'<div>我是组件的模板,我是hello这个组件的模板,在这里你可以敲出你想要显示的内容 例如：HTML代码，或者包含 指令 其他组件的一个HTML代码片段</div>'
								})