欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue-component全局注册实例

程序员文章站 2023-10-23 23:09:35
组件的全局注册必须注意是在实例化对象之前完成。 vue.component("mytest", { template:'
  • {{name}}...
  • 组件的全局注册必须注意是在实例化对象之前完成。

    vue.component("mytest",
    {
     template:'<li>{{name}}</li>',
     props:['name']
    
    
    })
    
    new vue({
    //...
    })
    

    而局部注册则只能在父模板内使用

    <div id="clear" >
    <mytest v-for='li in list' v-bind:name='li'>
    
    
    </mytest>
    
    </div>
    
    
    var vm=new vue({
     el:'#clear',
     data:{
      list:[1,2,3]
    
    
     },
     components:{
      'mytest':{
       template:'<li>{{name}}</li>',
       props:['name']
    
     }
    
     }
    })
    

    以上这篇vue-component全局注册实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。