vue父子组件的嵌套的示例代码

发布时间：2020-12-17 02:48:26 所属栏目：百科来源：网络整理

导读：本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：组件的注册：先创建一个构造器用Vue.component注册，将构造器用作组件(例为全局组件) 注册局部组件： var Parent = Vue.extend({ template: '...',components: { // 只能用在父组件模板内

本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：

组件的注册：

先创建一个构造器

用Vue.component注册，将构造器用作组件(例为全局组件)

注册局部组件：

var Parent = Vue.extend({
template: '...',components: {
// 只能用在父组件模板内
'my-component': Child
}
})

注册语法糖，简化过程

A custom component!

' })

// 局部注册也可以这么做
var Parent = Vue.extend({
components: {
'my-component': {
template: '

A custom component!

'
}
}
})

父子组件嵌套的例子：

index

其与以下写法等价：

index

页面显示：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!