如何做微网站,2024年重启核酸,成都营销型网站制作公司,惠州百度seo找谁简单理解为#xff0c;route是用来获取路由信息的#xff0c;router是用来操作路由的。
一、router router是VueRouter的实例#xff0c;通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象#xff0c;这个对象中是一个全局的对象#xff0c;他包含了所…简单理解为route是用来获取路由信息的router是用来操作路由的。
一、router router是VueRouter的实例通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象这个对象中是一个全局的对象他包含了所有的路由包含了许多关键的对象和属性。例如history对象 $router对象是全局路由的实例是router构造方法的实例
1. $router.go() $router.back 后退 页面路由跳转 $router.go(-1)为后退$router.go(-1)为前进 $router.forward()为前进 2. $router.push() - 字符串this.$router.push(home) - 对象this.$router.push({path:home}) - 命名的路由this.$router.push({name:user,params:{userId:123}}) - 带查询参数变成 /register?plan123this.$router.push({path:register,query:{plan:123}}) - push方法其实和router-link :to...是等同的。 *注意push方法的跳转会向 history 栈添加一个新的记录当我们点击浏览器的返回按钮时可以看到之前的页面。
3. $router.replace() 常用来做404页面 push方法会向 history 栈添加一个新的记录而replace方法是替换当前的页面 不会向 history 栈添加一个新的记录 this.$router.replace(/) 跳转到首页 二、route route是路由信息对象每一个路由都会有一个route对象是一个局部的对象,里面主要包含路由的一些基本信息比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom... 1. $route.name 当前路径名字 2. $route.meta 路由元信息 3. $route.path 字符串对应当前路由的路径总是解析为绝对路径如/foo/bar。 4. $route.hash 当前路由的hash值 (不带#) 如果没有 hash 值则为空字符串。锚点* 5. $route.query 一个 key/value 对象表示 URL 查询参数。例如对于路径 /foo?user1则有$route.query.user 1对于 /index?id1 ,会得到 $route.query.id 1。如果没有查询参数则是个空对象。 6. $route.params 一个 key/value 对象包含了 动态片段 和 全匹配片段如果没有路由参数就是一个空对象。 7. $route.fullPath 完成解析后的 URL包含查询参数和hash的完整路径。 8. $route.matched 数组包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。 原文链接https://blog.csdn.net/Senora/article/details/125237003