Vue3.0中使用路由进行跳转和传参以及取值

1、在vue2.0中的路由跳转 2、2.在vue2.0中取出路由的传值

在vue3.0中取消了vue2.0的部分api，新增的两个API,分别是useRouter和useRoute。

 3、vue3.0中路由跳转

 1）第一步先引入import {useRouter} from 'vue-router';

2）第二步 const router = useRouter();

 3）第三步 router.push({path:'/home', query:{id:'12' }})

4、vue3.0如何取出路由的值 

 1）第一步先引入import {useRoute} from 'vue-router';

 2）第二步 const route = useRoute();

 3）第三步route.query.id

————————————————
版权声明：本文为优快云博主「前端菜菜DayDayUp」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_48594833/article/details/126619166