vue.js - 未定义 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>