Vue 路由跳转传递接收数据

应用场景

在进行项目开发时，经常会遇到查看详情，页面预览等等需要传递id的功能，这个时候就需要通过路由在跳转的时候把id传递过去

传递后端返回的数据

1. 通过axios调取后端接口，拿到后端返回的数据

2. 通过this.$router.push来跳转页面，同时通过query来传递数据

this.$router.push({
path:"/XXXX",//需要跳转的路由地址
query:{
  hotid:"XXXXX"  //hotid为定义的字段，XXX为需要传递的数据
  
   }
})

3.在跳转到的数据页面，通过添加created()方法来获取传递过来的数据，通过this.$route.query来接收数据

4.通过拿到传递过来的数据或者id来进行接口调取或者数据渲染都可以

直接数据渲染

通过获取到的id,来进行接口调取

到此，路由传参就结束了