setup(props) { const id = ref(props.id) watchEffect(() => { const { data1, data2, data3 } = getData(id) }) return { data1, data2, data3 } }Esto es solo una parte del código, watchEffect , ref y getData están todos importados, pero la función de retorno a continuación dice que data1, data2, data3 no están definidos, ¿por qué?
Declare refs fuera de la función:
setup(props) { const id = ref(props.id); const data1 = ref(null); const data2 = ref(null); const data3 = ref(null); watchEffect(() => { [data1.value, data2.value, data3.value] = getData(id) }) return { data1, data2, data3 } }Y si devuelves un objeto:
setup(props) { const id = ref(props.id); const data1 = ref(null); const data2 = ref(null); const data3 = ref(null); watchEffect(() => { { data1: data1.value, data2: data2.value, data3: data3.value } = getData(id) }) return { data1, data2, data3 } }No tengo el resto de su código, pero estoy seguro de que se puede optimizar más...