在vue2.0中，我们通过this.$route可以获取到当前的路由，然后通过this.$router来获取到路由实例来进行路由跳转，但是在vue3中，所有的数据和方法都要配置到setup()函数中，而在setup()函数中是无法访问this的(为undefined)，所以也没有this.$router和this.$route，但是我们可以通过vue-router提供的函数来进行访问router：
useRoute
返回当前路由地址。相当于在模板中使用 $route。必须在 setup() 中调用。
useRouter
返回 router 实例。相当于在模板中使用 $router。必须在 setup() 中调用。
用法示例：
// 引入路由函数
import { useRouter } from "vue-router";
// 使用
setup(){
// 初始化路由
const router = useRouter();
router.push({path: '/index'});
}
0条评论
点击登录参与评论