vue跳转方式

1.
<router-link to='/Demo'>
 <button>点击跳转1</button>
</router-link>
 
2.router.push("/Demo");

// 1. 不带参数直接跳转
<router-link to='/Demo'>
 <button>点击跳转</button>
</router-link>
 
<router-link :to="{name:'Demo'}"> 
<router-link :to="{path:'/Demo'}"> //name path都可以 建议用name 
  
// 2. 带参数跳转
// （1）query参数
<router-link :to="{path:'Demo',query:{id:1}}">
 <button>点击跳转2</button>
</router-link>
 
  
// 3. params参数
<router-link :to="{name:'Demo',params:{setid:2}}">
 <button>点击跳转</button>
</router-link>
 

import { useRouter } from "vue-router";
const router = useRouter();
//直接跳转
const handleChange = () => {
  router.push("/Demo");
};
  
 //带参数跳转
router.push({path:'/Demo',query:{id:3}});
router.push({name:'Demo',params:{id:1}});