码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-04-18 18:55:08      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:字符串   .com   初始化   分享图片   child   注册   技术   app1   nbsp   

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

使用Vue.component 注册全局组件

技术分享图片

创建vue实例

技术分享图片

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

技术分享图片

使用components注册局部组件

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

技术分享图片

创建vue实例

技术分享图片

父组件中使用

技术分享图片

到这里会得出结果

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

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

 

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

标签:字符串   .com   初始化   分享图片   child   注册   技术   app1   nbsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!