vue组件一直注册不了_关于vue框架的局部组件注册问题？求解。。。

vue框架有

Vue.extend()方法

，用来创建一个组件构造器，组件构造器创建之后需要注册(全局注册/局部注册)后才可以使用

例如：

//我要局部注册组件，在官网上找到如下的例子

var Child = Vue.extend({ /* ... */ })

var Parent = Vue.extend({

template: '...',

components: {

// <my-component> 只能用在父组件模板内

'my-component': Child

}

})

//但是我加上自己的理解写出来就是出问题了。

<div id="example">

<my-component> </my-component>

</div>

<script>

var child=Vue.extend({

template:"<div>子集的模版</div>"

});

var parent=Vue.extend({

template:"<div>父集的模版</div>",

components:{   //将子集的组件注册到父集

'my-component': Child  //注册到父集之后就直接使用my-component这个模版吗？

}

})