Digamos que creo un componente Vue3 como este
import { defineComponent } from "vue"; var instance = defineComponent({ computed:{ message() { return 'Hello world' } } })Puedo instanciarlo fácilmente agregándolo al DOM de esta manera:
<component :is="instance"/>Pero supongamos que no quiero agregarlo al DOM, solo quiero poder usar las propiedades reactivas y la magia del componente VueJS.
¿Hay alguna manera de crear una instancia del componente e interactuar con él en javascript sin usar la etiqueta <component> de esta manera:
console.log(instance.message) //hoping to log 'Hello World'En Vue 2 fue fácil, en Vue 3 es como arrancarse los dientes tratando de encontrar una respuesta por ahí.
Puede usar un objeto reactivo en cualquier lugar con la API de composición.
Aquí hay un ejemplo:
https://vueschool.io/articles/vuejs-tutorials/home-rolled-store-with-the-vue-js-composition-api/