【Vue】组件细节

 <div id="app">
        <table>
            <row></row>
            <row></row>
            <row></row>
        </table>
    </div>
    <script>
    Vue.component('row',{
        template: '<tr><td>this is a row</td></tr>'
    })

    var vm = new Vue({
        el:"#app",
        data: {
            
        }
    })
    </script>

在浏览器里查看源代码，发现和table标签并列显示，因为H5的设计原理，table-tbody-tr，所以出现了这个问题。

解决方法： 设置 is属性为’row’

这个设置同样适用于

ul-li,

ol-li,

select-option

的DOM结构