route router routes 三者的区别

1,route:一般用于获取信息,例如

 1.路由路径:$route.path

 2.路由参数:$route.params

 3.路由的查询参数$route.qurey

 4.路由的hash值:$route.hash =>完成解析后的hash值不带#但包含查询参数和hash的完成路径

 5.当前路径的名字:$route.name

6.路由元信息:$route.meta =>meta就代表元数据

需要获取某个路由信息的时候就用route,小使用路由方法的时候就用router

2,router:一般具有功能性,例如

  1.跳转到指定URL路径;

      字符串:this.$router.push('/home')

      对象:this.$router.push({path:'/home'})

      命名的路由:this.$router.push(name:'user',params:userId:123)

push方法的跳转会向history添加一条新纪录,当点击返回按钮时可以看到之前的页面;$router.replace是路由的替换,不会想history添加新纪录,无法返回页面

3,routes:创建vue-router路由实例的配置项,用来配置多个route路由