面试遇到的问题以及解决方案1.0

问题记录

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是指当前触发的是什么事件