Tengo un componente que quiero montar directamente en el cuerpo pero no anular el HTML de la aplicación.
index.html (repetitivo básico)
<!DOCTYPE html> <html lang="en"> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body> </html>
principal.js
import { createApp } from "vue"; import App from "./App.vue"; import BodyComponent from "./BodyComponent.vue"; createApp(App).mount("#app"); createApp(BodyComponent).mount("body");
Cuando hago esto, parece que la montura es codiciosa y elimina por completo lo que estaba previamente en el cuerpo ( ejemplo )... Simplemente quiero agregar el componente al cuerpo. Sé que en el archivo index.html
puedo agregar un div con una ID en la que quiero montar mi BodyComponent
, pero quiero montarlo en el cuerpo, nada más. es posible?