从品牌网站建设到网络营销策划,从策略到执行的一站式服务
怎么在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!' } } })
父子组件嵌套的例子:
index
其与以下写法等价:
index this is child template
this is parent template
页面显示:
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图