问题记录
1.链式改造,就是回调地狱问题的解决
const baseUrl1
axios.get(`${baseUrl1}`).then((res)=>{
const baseUrl2 = res.data
axios.get(`${baseUrl1} + ${baseUrl2}`).then((res)=>{
const baseUrl3 = res.data
axios.get(`${baseUrl1} + ${baseUrl2} + ${baseUrl3}`).then((res)=>{
const area = res.data
console.log(area)
})
})
})
问题分析:
看这层层叠叠,他调用他,他再调用他,没错了,经典的回调地狱问题,那我们就要请出async…await…来解决这个问题,下面是改造后的代码,一整个简单易懂
async ajax() {
const baseUrl1
const p = await axios(`${baseUrl1}`)
baseUrl2 = p.data
const c = await axios(`${baseUrl1} + ${baseUrl2}`)
baseUrl3 = c.data
const d = await axios((`${baseUrl1} + ${baseUrl2} + ${baseUrl3}`)
return d
}
ajax().then((res)=>{
console.log(res.data)
})
2.vue3中v-model的本质是什么
本质是:modelValue和@update:modelValue两者的绑定
3.vue template中$attr、$event是什么
$attrs可以用来将父组件的值传递给孙子组件,当这个值在子组件中没什么用处但是在孙子组件中要用到的情况
$event是指当前触发的是什么事件