router:译为路由器,上面都是路由,这个是路由器,我们可以理解为一个容器包含上述两个或者说它是一个管理者,负责管理上述两个;举个常见的场景的例子:当用户在页面上点击按钮的时候,这个时候router就会去routes中去查找route,就是说路由器会去路由集合中找对应的路由;
router 是一个机制,相当于一个管理者,它来管理路由,路由器对象,包含一些操作路由的功能函数,来实现编程式导航$router.push()
this.$router 实际上 就是全局 路由对象 任何页面 都可以 调用 push(), go()等方法
routes:它是个复数,表示多个的集合才能为复数;即我们可以理解为多个路由的集合,JS中表示多种不同状态的集合的形式只有数组和对象两种,事实上官方定义routes是一个数组;所以我们记住了,routes表示多个数组的集合;
routes:指创建vue-router路由实例的配置项。用来配置多个route路由对象
route:首先它是个单数,译为路由,即我们可以理解为单个路由或者某一个路由;
route:指路由对象表示当前激活的路由的状态信息。如:this.$route指的是当前路由对象,path/meta/query/params
this.$route 表示当前正在用于跳转的当前路由器对象,可以调用其name、path、query、params等属性;
vue routes route router this.$route this.$router
原文:https://www.cnblogs.com/1736777279wu/p/13672051.html