VUE3中的useRouter与useRoute

定位区别

useRoute(): 返回当前的路由地址。相当于在vue2中使用 $route。

useRouter():返回路由器实例。相当于在vue2中使用 $router。

用法区别

import { useRoute, useRouter } from 'vue-router'
export default {
    setup() {
        const userRoute = useRoute()  //用来获取路由信息
        console.log(userRoute.path)
        console.log(userRoute.params)
        console.log(userRoute.query)
        ....
        const userRouter = useRouter()  //用来操作导航，跳转模块
        userRouter.push("/home")
        userRouter.replace("/about")
        userRouter.go("-1")
    }
}