Vue学习20----编程式的导航（跳转及传值,相当于用js实现）

在 https://blog.csdn.net/zhaihaohao1/article/details/89051936 的基础上来实现

除了使用 router-link 创建 a 标签来定义导航链接，
https://blog.csdn.net/zhaihaohao1/article/details/89052469
我们还可以借助 router 的实例方法，通过编写代码来实现。
例如：登录成功或者失败，跳转不同页面

参考文档：
https://router.vuejs.org/zh/guide/essentials/navigation.html

实现方法：
第一种方法：
1在mian.js中配置
2跳转到news

this.$router.push({path: '/news'})

也可以通过动态路由传参：

第二种方法，命名路由跳转到news并带参数
1在mian.js中配置name

 {path: '/news', component: News, name: 'news'},

2跳转到news

 this.$router.pus