vue 的路由router&route

$route对象表示当前的路由信息,

     包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。

     $route.param 能够获取前台路径传过来的参数

    1.$route.path 字符串,对应当前路由的路径,总是解析为绝对路径,如"/foo/bar"。

    2.$route.params  一个 key/value 对象,包含了 动态片段 和 全匹配片段, 如果没有路由参数,就是一个空对象。

$router对象是全局路由的实例,是router构造方法的实例。

push

    1.字符串this.$router.push(‘home’)

    2.对象this.$router.push({path:‘home’})

     3. 命名的路由this.$router.push({name:‘user’,params:{userId:123}})

    4.带查询参数,变成 /register?plan=123this.$router.push({path:‘register’,query:{plan:‘123’}})


push方法的跳转会向 history 栈添加一个新的记录,当我们点击浏览器的返回按钮时可以看到之前的页面

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容