首页 > 其他 > 详细

vue全局组件局部组件的使用

时间:2018-04-18 18:43:07      阅读:165      评论:0      收藏:0      [点我收藏+]

首先注意确保在初始化根实例之前注册组件,通俗来讲就是先注册组件,之后再创建vue实例,实例要在注册组件之后创建

使用Vue.component 注册全局组件

技术分享图片

创建vue实例

技术分享图片

组件注册之后何以作为自定义元素在一个实例模板中使用

技术分享图片

使用components注册局部组件

首先声明一个组件模板字符串

技术分享图片

创建vue实例

技术分享图片

父组件中使用

技术分享图片

到这里会得出结果

全局组件<my></my>可以在app1中正常使用

局部组件<my-child></my-child> 只可以在app1中使用

 

vue全局组件局部组件的使用

原文:https://www.cnblogs.com/yi-515/p/8876003.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!