组件就是可重用的代码，可以扩展HTML元素
按作用域范围可以分为1，全局组件 2，局部组件
1，全局组件：
1 vue.component("定义组件名myComponent",{
template:"这是全局组件"
})
用时：<my-component></my-component>
写在new vue（）实例之前
2 vue.component("定义组件名", vue.extend({
template:"<div>这是全局组件</div>"
}))
2，局部组件：
写在new vue（）实例之中
"compontents":{
"my-component2":{
template:"<h1>局部组件</h1>"
}
}
注：在另外的new vue（）实例中调不到局部组件
组件名的命名规范：
1，W3C标准：以中划线分开：xxx-xxx
2,驼峰法：xxXxxXx
3,命名要有意义
页面调用组件时，必须要写成 <xx-xxx-xx><xx-xxx-xx>
定义组件要符合我们HTML的结构问题
在组件的 "data":function(){
return{usersname:"liujianhong"}
}
template:"<div>组件{{usersname}}</div>"
注：组件中的数据data是独立的，实例vue（）访问不到组件中的数据，在组件中没有数据双向绑定，vue强制在组件中单项绑定，防止组件中数据源的污染。