vue 3脚本设置onBeforeMount未定义

Question

大家好，今天我通过脚本设置迁移到 vue 3。

我尝试使用 onBeforeMount 加载外部数据（异步等待）。

但收到错误：“onBeforeMount 未定义”

我查看文档并发现 onBeforeMount 应该可以工作！有什么问题吗？

<script setup>
import { ref } from '@vue/reactivity';
import axios from 'axios';

var data = ref(null);

onBeforeMount(async () => {
    data.value = await axios.get("url");
})
</script>

Answer 1

您似乎错过了从 vue 导入它：

<script setup>
import { ref} from '@vue/reactivity';

import {onBeforeMount } from 'vue'
import axios from 'axios';

var data = ref(null);

onBeforeMount(async () => {
    data.value = await axios.get("url");
})
</script>