javascript - vue DOM模板解析说明

问题描述

问 题

文档中这段话的意思是需要包含特定的元素的元素里面不能写组件标签,如ul的子元素必须是li,所以我不能写<my-li> 而是要通过is属性,但是我不明白为什么要这样做(我明白结果是错误的,但是不明白原因),虽然文档上前面几句话有写,可是我没看懂,希望诸位能给我详细说说,谢谢

解决方案

html标签结构是有一定的规范的，打个不恰当的比方，就好像抽屉，一般是放书文件的，往里面放土种花。是不是觉得很奇怪呢？文档里面说的是一些结构标签例如：

<ul>
    <li></li>
    ...
</ul>

这个是ul的标准结构，ul下面是li，不要写成:

<ul>
    <my-li></my-li>
</ul>

因为这样不符合html规范，在文档里面提到的一些标签，在里面写自定义标签，会不能显示，或显示错误的情况，应该写成:

<ul>
    <li is="my-li"></li>
</ul>         

这个是标签的结构规范。

这篇关于javascript - vue DOM模板解析说明的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！