vue3中，input值在进入页面后从http请求中获得，但是视图没有刷新？

Question

目标是 a，从请求中拿到后设置a，但画面时一直是a的default值

setUp(props){
    const state = reactive({
        a:props.a_get || makeDefaultA()
    })

    const makeDeafaultA = ()={
        state.a = 'default'
    }

    const getData() = async () => {
        axios...
        .then(
            state.a = res.data.a
        )}
}
mounted(() => {getData()})

1. 一进入画面就发送axios请求，这个getData()应该放在什么生命周期
2. a绑定的值是否放在state中
3. a的值在getData中已经变成了返回值，但是似乎是被 makeDefault()覆盖了，为什么

Answer 1

1.vue3 数据初始化可以直接写。vue3淡化了生命周期的概念
2.你的makeDefault写的没看懂？你想给默认值就直接

const state = reactive({
        a:props.a_get || '6666'
    
        })