资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么在vue中使用component组件-创新互联

怎么在vue中使用component组件?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

西山ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

组件component的注册

全局组件:

Vue.component('todo-item',{
  props:['grocery'],
  template:'
  • {{grocery.text}}
  • ' }) var app7 = new Vue({   el:"#app7",   data:{     groceryList:[       {"id":0,"text":"蔬菜"},       {"id":1,"text":"奶酪"},       {"id":2,"text":"其他"}     ]   } })
    
      
                  

    局部注册:

    var Child = {
     template: '
    A custom component!
    ' } new Vue({  // ...  components: {   //  将只在父模板可用   'my-component': Child  } })

    DOM模板解析说明

    组件在某些HTML标签下会受到一些限制。
    比如一下代码,在table标签下,组件是无效的。

    
     ...

    解决方法是,通过is属性使用组件

    
     
    

    应当注意,如果您使用来自以下来源之一的字符串模板,将不会受限