1标签

<router-link to="/about">logo123</router-link>

2方法

import {useRouter} from 'vue-router'

setup() {
	const router = useRouter(); //实列化
	//跳转方法
	function toSearch(){
		router.push({path:'/about'}) 
		
	}
	
}

传参

//方式1，传递参数使用params的话，只能使用name指定(在route.js里面声明name)
router.push({
    name:"B",
    params:{ num:1}
})

//方式2 使用query的话，指定path或者name都行*/
router.push({
 path:'/home',
 query:{
   num:1
 } 
})

接收参数

//方式1 params
import { useRoute } from "vue-router";
export default {
    setup(props, ctx) {
    	 //router是全局路由对象，route= userRoute()是当前路由对象
    	 let route = useRoute();
    	 const id = route.params.id;
    	 console.log(id);
    	 return {
    		id,
    	 };
    },
}




//方式2 query
import { useRoute } from "vue-router";
export default {
    setup(props, ctx) {
    	 //router是全局路由对象，route= userRoute()是当前路由对象
    	 let route = useRoute();
    	 const id = route.query.id;
    	 console.log(id);
    	 return {
    		id,
    	 };
    },
}