vue3 好像是 onMount 函数之前的 setup 函数 returns

Question

createApp({
    setup() {
        let price = 0
    
        onMounted() {
            // axios
            price = axios.response
        }
        return { price }
    }
}).mount('#app')

HTML

<h6 id="app" class="mb-0">{{price}}</h6>

目前的情况是连续输出一个0值。看顺序好像是setup函数returns在onMounted函数之前并且已经渲染好了

我该怎么办？

Answer 1

您应该使用 price = ref(0) 进行反应。

https://vuejs.org/api/composition-api-setup.html#basic-usage

vue3 好像是 onMount 函数之前的 setup 函数 returns

vue3 It seems that the setup function returns before the onMount function

javascript

vue.js