扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
怎么在vue中嵌套父子组件？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
秀英ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！
先创建一个构造器
var myComponent = Vue.extend({
template: '...'
})用Vue.component注册，将构造器用作组件(例为全局组件)
Vue.component('my-component' , myComponent)注册局部组件：
var Child = Vue.extend({ /* ... */ })
var Parent = Vue.extend({
template: '...',
components: {
// 只能用在父组件模板内
'my-component': Child
}
}) 注册语法糖，简化过程
// 在一个步骤中扩展与注册
Vue.component('my-component', {
template: 'A custom component!'
})
// 局部注册也可以这么做
var Parent = Vue.extend({
components: {
'my-component': {
template: 'A custom component!'
}
}
})父子组件嵌套的例子：