如何消除根元素

中文
#1 
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>

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

#2

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

#3

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

#4

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

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