vue 3 script setup onBeforeMount is not defined

Question

Hello today i move to vue 3 with script setup.

I try use onBeforeMount for load external data (async await).

but receive error: "onBeforeMount is not defined"

I going to documentation and saw that onBeforeMount should work! what is problem ?

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

var data = ref(null);

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

Ilyssa

Show us your code ;). – Frontal

Answer 1

It seems that you've missed to import it from 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>

Edouard

oh.... stupid ide always all auto importing but now... thx its work. Right import is "from '@vue/runtime-core';" – Ilyssa

just import all the hooks and reactivity properties from 'vue' – Edouard