¿Cómo se gestiona la reactividad en los campos de formulario (v-model) con la API de composición de Vue3? Quiero decir, actualmente algo simple como esto no funciona en mi código> vue devtools no muestra ningún cambio en los datos de referencia cuando escribo un texto en mi campo de entrada:
JS
import { ref, watch, reactive } from 'vue'; const vueapp = Vue.createApp({ setup(props, {attrs, slots, emit}){ const test = ref(''); return { test } }, }); vueapp.mount('#form-panels');HTML
<input name="test" v-model="test" id="name" type="text" value="" />Pruebe este código una vez que debería funcionar
import { ref, watch, reactive, toRefs } from 'vue'; const vueapp = Vue.createApp({ setup(props, {attrs, slots, emit}){ const state = {test:''}; return { ...toRefs(state) } }, }); vueapp.mount('#form-panels');