vue3中路由的跳转、传参和取值

1. vue3中路由的跳转和传参

1）import {useRouter} from 'vue-route';
2) const router = useRouter();
3) router.push({
      path: '/home',
      query: {
         id: '12'      
      }
   })
4) router.push({
       path: '/home',
       params: {
         a: 12      
       }
   })

2. vue3中取出路由的值

1）import {useRoute} from 'vue-router';
2) const route = useRoute();
3) route.query.id

3. Router 之 router.push 和 router.resolve 页面跳转区别

1) router.push 只能当前窗口打开, router.resolve 结合 window.open 可以新窗口打开
   window.open(router.resolve({
       path: "/user",  // 或者 name: 'user',
       query: {
           a: 1
       }
   }).href, '_blank');
2) router.push 支持query和params, router.resolve 只支持query, 若需地址栏参数不可见，
   需结合localStorage或第三方插件保存