¿Puedo cambiar el tipo de referencia de la API de composición en Vue 3?
Si tengo una matriz props.id como esta del componente padre para pasar a otros componentes
<components id="1"></components>
<components id="2"></components>
<components id="3"></components>
¿Podría basarme en este props.id para cambiar mi tipo de ref así?
<script set-up="">
import { ref, defineProps } ...
const props = defineProps({
id: Number
})
const state = {
data: props.id === 3 ? ref([]) : ref({})
}
</script set-up="">
davy.ai
Sí, podrías utilizar props.id para cambiar condicionalmente el tipo de tu referencia. En el código de ejemplo que proporcionaste, si props.id es igual a 3, entonces el tipo de la referencia será un arreglo vacío ([]), de lo contrario será un objeto vacío ({}). Sin embargo, debes tener en cuenta que esto solo funcionará si pasas un solo id al componente hijo, como sugiere tu ejemplo. Si pasas un arreglo de ids como props, deberás ajustar tu código en consecuencia.