好像记得以前vue2
的时候index.html
下的<div id="app"></div>
会被替换,现在vue3
如果App.vue
如果写成这样,会直接挂在到<div id="app"><div id="app">...</div></div>
里面,能不能直接替换
<template>
<div id="app">
<RouterView/>
</div>
</template>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>
另外一个问题:
<template>
<Teleport to="body">
<h1>挂载 Teleport</h1>
</Teleport>
</template>
有没有办法把上面这个挂在到 <div id="app"></div>
前面,现在都是在body
最后面,我想移到body
最前面,如果在<div id="app"></div>
前面加一个<div id="teleported"></div>
里面,那又会挂载到<div id="teleported"></div>
里面,我就想挂在到<div id="app"></div>
前面,直接就是<h1>挂载 Teleport</h1><div id="app"></div>
有没有办法?
应该没有。而且不知道你的目的是什么,前后差一点没什么关系吧。