vue router的总结–$router和$route

1 this.$router和this.$route的区别

vue router
this.$router是VueRouter的实例方法,当导航到不同url,可以使用this.$router.push方法,这个方法则会向history里面添加一条记录,当点击浏览器回退按钮或者this.$router.back()就会回退之前的url。

this.$route相当于当前激活的路由对象,包含当前url解析得到的数据,可以从对象里获取一些数据,如name,path等。

2 路由跳转分为编程式和声明式

声明式

当你想在一个页面嵌套子路由,并且不跳转页面的时候,我觉得这个超好用啊,子页面就会渲染在router-view的地方

编程式

但是一定要注意啊,如果你提供了path,那么params和query的配置就会被忽略的

3 path:’name’和path:’/name’的区别

如果加/则会被当作跟目录,否则当前的路径会嵌套在之前的路径中

 

vue router的总结–$router和$route》有1个想法

发表评论

电子邮件地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据