vue 3 脚本设置 onBeforeMount 未定义答案

【问题标题】：vue 3 script setup onBeforeMount is not definedvue 3 脚本设置 onBeforeMount 未定义
【发布时间】：2022-08-14 20:46:27
【问题描述】：

您好，今天我使用脚本设置迁移到 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>

向我们展示您的代码；）。

标签： vue.js vuejs3 vue-composition-api vue-script-setup

【解决方案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>

【讨论】：

哦....愚蠢的ide总是自动导入，但现在...谢谢它的工作。正确的导入是“来自'@vue/runtime-core';”
只需从“vue”导入所有钩子和反应属性