vue文档中提到的“解析DOM模板”的理解

vue中的模板来源有:
1、el选项指定的挂载元素在DOM内的HTML(DOM模板);
2、template选项;
3、单文件组件(.vue);
4、<script type="text/x-template">



文档中说,解析DOM模板时,应注意:
诸如<ul>、<ol>、<table>、<select>这些html元素,出现在其内部的元素是有严格限制的。而<li>、<tr>、<option>这些元素,也只能出现在某些特定元素内部。
那么当使用DOM模板时,在它里面使用这些有约束条件的元素时就会遇到一些问题。
例:


<blog- 浏览器加载html文件,将html解析成DOM树,此时DOM解析器。vue实例创建之后,发现没有template选项,就会将DOM中的el元素作为模板,然后将模板编译成render函数。
原文链接:segmentfault.com

上一篇:js异步处理的三种方式
下一篇:关于创建React App的8个有趣事实

相关推荐

官方社区

扫码加入 JavaScript 社区