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

vue全局组件和局部组件

时间:2018-01-27 19:04:56      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:ret   pre   com   组件   strong   str   使用   efault   col   

1.全局注册组件

Vue.componet(‘name‘,{
    template:‘<div></div>‘,
    data(){
        retrun {}
    }
})

使用了以上这种方式注册的组件可以在全局任何一个地方的template里面使用

2.局部组件

//组件a
export default{
    template:‘<div><name></name></div>‘,
    data(){
        retrun {}
    },
    components:{
        ‘name‘:{
            template:‘<div></div>‘,
            data(){
                retrun {}
            }
        }
    }
}

这种方式写就只能在这个父组件的template里面使用

 

vue全局组件和局部组件

标签:ret   pre   com   组件   strong   str   使用   efault   col   

原文地址:https://www.cnblogs.com/amiezhang/p/8366623.html

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