vue 组件

 组件就是可重用的代码，可以扩展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强制在组件中单项绑定，防止组件中数据源的污染。