vue2知识点：组件is属性

在这里插入图片描述
@[toc]

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>

2.《基础篇第2章：vue2基础》包含Vue2知识点、个人总结的使用注意点及碰到的问题总结

3.《进阶篇第3章：vue进阶-组件》包含组件、自定义事件、插槽、路由等等扩展知识点

4.《基础篇第4章》：使用vue脚手架创建项目

5.vue2知识点：数据代理

6.vue2知识点：事件处理

7.vue2知识点：列表渲染（包含：v-for、key、取值范围、列表过滤、列表排序、vue监视对象或数组的数据改变原理、总结vue数据监测）

8.vue2知识点：计算属性与监听属性

9.vue2知识点：生命周期（包含：生命周期介绍、生命周期钩子、整体流程图详解）

10.vue2知识点：非单文件组件和单文件组件

11.vue2知识点：组件is属性

12.vue2知识点：组件模板定义

13.vue2知识点：组件的props属性、非props属性、props属性校验