vue页面跳转及传参

页面跳转及传参

使用<router-link>跳转,<router-link> 默认会被渲染成一个 `<a>` 标签

1. <router-link to="/btn">通过to指定链接</router-link>
2. <router-link :to="{ path:'/btn'} ">根据path跳转</router-link>
3. <router-link :to="{ name:'user'} ">根据name跳转</router-link>

编程式写法

router.go()、router.push()、router.replace()

router.go()类似于js的history.go(),0刷新,正数前进,负数后退

router.push()在历史堆栈中添加路由， 

1. router.push('/')
2. router.push({path:'/'})
3. router.push({name:'home'})

router.replace()替换历史堆栈中当前路由

import { useRouter } from 'vue-router'
export default {
  setup() {
    const router = useRouter();
    router.push('/home');
  }
}