vue.js实例对象+组件树的详细介绍

/*A方法全局组件1:*/
//1.Vue.extend() 创建组件构造器
var myponent = Vue.extend({
 /*组件内容*/
 template:…… ,
 data: ……
})
//2.Vue.ponent注册组件
Vue.ponent('my-ponent1', myponent);

/*B方法 全局组件2:*/
Vue.ponent('my-ponent2', {
  /*组件内容*/
 template:…… ,
 data: ……
}
/*在html中的组件调用，把组件标签直接用在html中相应的位置即可*/
<myponent1></myponent1>
<myponent2></myponent2>

```javascript
var partponent2 = {
el:…… ,
data: { …… }
}
new Vue({
el: '#app',
data: {
……
},
ponents: {
/* A方法： 局部组件1 /
'part-ponent1': partponent1
}，
/B方法 局部组件2 */
'part-ponent2':{
el:…… ,
data: { …… }
}
})
```

var pentChild ={
  el:……,
  data:……
}
ponent: {
  el: ……,
  data: {……}
  ponents: {
   'ponent-child': ponentChild
  }
}

 var myHeader = {
   template: '<ponent></ponent> <root-view></rooot-view>'
 }