如何消除根元素

index.html body部分
<body>
    <div id="app">
        
    </div>
</body>
vue文件
<template>
	<div>
        123123
    </div>
</template>
默认情况下会变成(会合并div)
<body>
    <div>
        123123
    </div>
</body>
有没有办法让其变成(把div消除)
<body>
    123123
</body>
如何在不增加中间层div的情况下,用vue重写
<body>
    <header>
        123123
    </header>

    <footer>
        123123
    </footer>
</body>

两个问题本质是一样的,只要解决其中一个就行
我印象里在某处见过,只要增加一个小标签就行,但是又忘了在哪里?
请各位帮帮忙,救救孩子吧

要不你把 id=“app” 放在 body里试试。
或者把 #app,换为 document 试试

好的,谢谢你了,对于第一种,body在2.x版本开始就不允许在上面加id=“app”,然后第二种我有点不明白怎么操作?能否说的详细一点(我对前端确实不熟悉)?
然后我后面发现一个奇怪的特性,就是如果index.html里面,body里面只有一个div,不带其他元素,并且div上面加了id=“app”,我在里面的根元素设置为body的话,他就会自动重合到最外层的body上,并把div消除,这真是一个神奇的效果(这个已经能解决我的问题了)

我在vite + vue3 里试了一下,可以在 body 里面加 id=“app”,可以达到你的要求。

第二个,思路就是让vue去找body,试了一下,不行。