10.vue中的编程式导航

• 官方文档

项目中导航的方式两种：

• 使用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' }})