Tengo una lista de variables reactivas, ya sea ref o reactive .
en un proyecto vue.Js
y creo una aplicación que depende de esta lista (reactiva)
let list = ref(['item']); let vNode = h( 'ul', list.value.map((v, i) => { return h('li', { key: i }, v) }) ); let customApp = createApp(vNode); customApp.mount('#trial')cuando la lista cambia, el componente montado no cambia, ¿cómo puedo hacerlo dinámico y sincronizarlo con la lista?
el problema se resolvió usando un componente, no un vnode.
let list = ref(['item']); const comp = defineComponent({ setup() { const arr = computed(() => toastsList.value); // or use list.value directly return () => h('ul',arr.value.map((v, i) => { return h('li', { key: i }, v) })); }, }); createApp(comp).mount('#trial');