标签写法
使用<router-link>跳转,<router-link> 默认会被渲染成一个 `<a>` 标签
- <router-link to="/btn">通过to指定链接</router-link>
- <router-link :to="{ path:'/btn'} ">根据path跳转</router-link>
- <router-link :to="{ name:'user'} ">根据name跳转</router-link>
编程式写法
router.go()类似于js的history.go(),0刷新,正数前进,负数后退
router.push()在历史堆栈中添加路由,
- router.push('/')
- router.push({path:'/'})
- router.push({name:'home'})
跳转页面
import { useRouter} from "vue-router";
const a = useRouter();//返回上一页
const b = () =>{
a.push({
path:'/页面',
})
传参
const dianji = () =>{
router.push({
path:'/页面',
query:{
id:参数
}
})
}