En el componente de código único, tengo el siguiente script:
<script setup lang="ts"> import ApiService from '../service/api' import { reactive, onBeforeMount } from 'vue' let pokemons = reactive([]) onBeforeMount(async ()=> { const response = await ApiService.getAll() pokemons = response.data.results return pokemons }) </script>Los Pokémon dentro de OnBeforeMount existen, pero no fuera de él.
¿Algun consejo?
onBeforeMount no requiere un valor de retornoreactive está destinado a ser utilizado como un proxy para un valor de ref para ver todas las propiedades anidadas de la referencia. <template> <ul> <li v-for="p in pokemons" :key="p.id">{{ p.name }}</li> </ul> </template> <script setup lang="ts"> import ApiService from '../service/api' import { reactive, onBeforeMount, ref } from 'vue' const allPokemon = ref([]) const pokemons = reactive(allPokemon) onBeforeMount(async ()=> { const response = await ApiService.getAll() allPokemon.value = response.data.results }) </script>