本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：
组件的注册：
先创建一个构造器
用Vue.component注册，将构造器用作组件(例为全局组件)
注册局部组件：
var Parent = Vue.extend({
template: '...',components: {
// 只能用在父组件模板内
'my-component': Child
}
})
template: '...',components: {
//
'my-component': Child
}
})
注册语法糖，简化过程
注册
Vue.component('my-component',{
template: '
}
}
})
A custom component!
'
})
// 局部注册也可以这么做
var Parent = Vue.extend({
components: {
'my-component': {
template: '
A custom component!
'}
}
})
父子组件嵌套的例子：
其与以下写法等价：
