项目中导航的方式两种:
- 使用
router-link
生成a
标签,的标签式导航 - 在JS中使用
router.push('home')
方式进行路由导航
注意:一定要区分 this.$route
和 this.$router
这两对象
-
this.$route
是路由参数的对象,this.$route.params.id
、this.$route.query
都属于它 -
this.$router
是路由导航对象,使用它可以方便的使用JS代码,实现前进、后退、跳转到新的URL
this.$router 常用方式:
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})
// 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})