router.push是同步还是异步？push.then和子组件onMounted谁先触发？

har01d

已于 2024-03-26 10:09:42 修改

阅读量425

点赞数 2

文章标签： javascript vue.js 前端

于 2024-03-26 10:03:32 首次发布

本文链接：https://blog.csdn.net/weixin_43951592/article/details/137037092

版权

文章讨论了在Vue应用中，使用`router.push`进行异步路由跳转时，`then`回调与`onMounted`钩子的执行顺序问题，提出了关于`then`在`onMounted`之后执行的疑问。

摘要由CSDN通过智能技术生成

直接做实验：

<el-button type="danger" @click="test">toAbout</el-button>

// -----

const test = () =>{
  router.push('about').then((e)=>{
    console.log('then里面', e);
  }).finally((e)=>{
    console.log('finally里面', e);
  })
  
  console.log('push下面');
}

about子组件：

<script setup>
import { ref, reactive, onMounted } from "vue";
console.log('about初始化');

onMounted(()=>{
    console.log('about onMounted');
})
</script>