达州做网站
大橙子网站建设，新征程启航
为企业提供网站建设、域名注册、服务器等服务
vue只有一个根标签的原因是什么
今天小编给大家分享一下vue只有一个根标签的原因是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
创新互联公司专业为企业提供凤县网站建设、凤县做网站、凤县网站设计、凤县网站制作等企业网站建设、网页设计与制作、凤县企业网站模板建站服务，10年凤县做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
vue只有一个根标签的原因：1、从查找和遍历DOM的角度来说，如果有多个根，那么查找和遍历DOM的效率会很低；2、从Vue本身来说，如果说一个组件有多个入口多个根，那就意味着用户的组件还可以进一步拆分成多个组件，进一步组件化，会降低代码之间的耦合程度。
本教程操作环境：windows7系统、vue3版，DELL G3电脑。
Vue 实例
首先，我觉得这个问题要先从 Vue 的实例开始讲起。Vue 的实例一般都是长成下面这个样子，不同的只是 id 名的不同。
var vm = new Vue({
el: '#app',
data: {},
methods: {}
...
})这就是 Vue 实例的基本结构，并不陌生。从这里可以看到，el 的指定是一个 id 为 app 的 div 元素，Vue 实例接管了对它的控制，减少了我们的 DOM 操作，需要被 vm 控制的元素全部加在它的内部。如果是需要控制不同的部分，这就需要多个 Vue 的实例来实现。疑问就来了，为什么需要不同的 Vue 实例来接管?
入口问题
在 Vue 中指定 el 选项是给 Vue 实例指定一个 SPA 入口，有可能你的页面会长成像下面这样：
