$router
相当于我们创建出来的router对象const router=createRouter();
$route
相当于我们配置的路由
const routes=[
{
path:'',
redirect:'/home'
}
]
为什么我们可以直接用this.$route或者$router?
router-view和router-link是vue注册的全局组件。
所有的组件都继承自Vue类的原型。Vue源码中用Object.defneProperty()给Vue.prototype添加了$route和$router属性,所以我们可以直接this.$route或者this.$router。$route指向的是处于活跃的那个路由。
本文探讨Vue框架中路由管理的关键概念,包括`this.$route`和`this.$router`的区别。`this.$route`代表当前激活的路由信息,而`this.$router`则是用于导航操作的对象。Vue源码通过在Vue实例的原型上定义这两个属性,使得在组件内部可以直接访问。此外,`router-view`和`router-link`作为全局组件,简化了路由视图和链接的创建。
740

被折叠的 条评论
为什么被折叠?



