"数据在 onBeforeMount 之外不可用 - 组合 API \/ Vue 3"

Question

在单个代码组件中，我有以下脚本：

<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>

Answer 1

1. onBeforeMount<\/code>的回调函数不需要返回值<\/li>
2. reactive<\/code>旨在用作ref<\/code>值的代理，以观察 ref 的所有嵌套属性。<\/li><\/ol>

    <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><\/code><\/pre>"