Vue根组件 组件之间的关系

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import iView from 'iview';
import 'iview/dist/styles/iview.css' ;   // 使用 CSS
import '../my-theme/index.less'

var myheadchild={
  template:'<p>hahaha</p>',
}

var myHeader={
  template:'<p><my-head-child></my-head-child>123123123</p>',
  components:{
    'my-head-child':myheadchild
  }
}
//Vue.use(iView);

//Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  data:{
    word:'hello world2'
  },
  components:{
    'my-header':myHeader
  }
//router,
// components: { App },
// template: '<App/>'
})