本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：
组件的注册：
先创建一个构造器
rush:js;">
var myComponent = Vue.extend({
template: '...'
})
用Vue.component注册，将构造器用作组件(例为全局组件)
rush:js;">
Vue.component('my-component',myComponent)
注册局部组件：
rush:js;">
var Child = Vue.extend({ /* ... */ })
var Parent = Vue.extend({
template: '...',components: {
//
'my-component': Child
}
})
注册语法糖，简化过程
rush:js;">
// 在一个步骤中扩展与注册
Vue.component('my-component',{
template: '
}
}
})
A custom component!
'
})
// 局部注册也可以这么做
var Parent = Vue.extend({
components: {
'my-component': {
template: '
A custom component!
'}
}
})
父子组件嵌套的例子：
其与以下写法等价：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
