vue2知识点：组件is属性_组件is属性

文章目录

  • 3.7 is 属性
  • 本人其他相关文章链接

3.7 is 属性

问题：为什么在table标签中直接使用自定义组件，无法正常显示？

原因：

DOM解析时会解析到<table>标签的外部，table/ol/ul/select 这种html标签有特殊的结构要求,不能直接使用自定义标签。他们有自己的默认嵌套规则，比如:
                table> tr> [th, td];
                ol/ul > li;
                select > option
<body>   
    <div id="app">
       <table>
           <tr is="hello"></tr><!--在tr中+is,相当于在tr中加入一个全局组件,而且认同它-->
       </table>
    </div>
</body>
<script type="text/javascript">
    /*定义全局组件*/
    Vue.component('hello',{
        template:"<h1>你愁啥!</h1>"
    })
    new Vue({
        el:"#app",
        data:{

        }
    })
</script>