首页 文章详情

【每日一题】为什么vue中组件模板只能一个根元素

前端印记 | 904 2021-09-06 18:34 0 0 0
UniSMS (合一短信)

人生苦短,总需要一点仪式感。比如学前端~

template中只能有一个元素

根本来说,其实就是因为“树状”数据结构需要有一个“根”,作为遍历的起使点。

从html的构建上来说:

vue通过这个1个根节点来递归遍历整个树下的所有节点并处理为 Virtual Dom,最后再渲染成真正的 HTML,插入在要挂载的位置。

从查找和遍历的角度来说:

如果有很多“根”,那么我们的查找和遍历的效率会很低。

从虚拟DOM比对来说:

Diff算法不支撑多入口的结构,为了保证计算的性能也需要我们仅有一个节点作为入口。


END
愿你历尽千帆,归来仍是少年。


让我们一起携手同走前端路!

关注公众号回复【加群】即可

● 工作中常见页面布局的n种实现方法

● 三栏响应式布局(左右固宽中间自适应)的5种方法

● 两栏自适应布局的n种实现方法汇总

● 工作中常见的两栏布局案例及分析

● 垂直居中布局的一百种实现方式

● 常用九宫格布局的几大方法汇总

● 为什么操作DOM会影响WEB应用的性能?

● 移动端滚动穿透的6种解决方案

● Vue + TypeScript 踩坑总结

good-icon 0
favorite-icon 0
收藏
回复数量: 0
    暂无评论~~
    Ctrl+Enter