Vue3 routing pass and receive parameters

Passing on parameters

import {
    
     useRouter } from 'vue-router';
setup() {
    
    
	//实例化路由
   	const router = useRouter();
   	function changeRoute(id: string) {
    
    
        //路由跳转带参数
        router.push({
    
    
          path: '/tenantLease/add',
          query: {
    
    
            id: id,
          },
        });
   }
}

Receive parameters

import {
    
     nMounted } from 'vue';
import {
    
     useRoute } from 'vue-router';
setup() {
    
    
	const Route = useRoute(); //获取到值
	onMounted(() => {
    
    
       console.log("获取到的参数", Route.query.id);
   });
}