vue跳转的path和name的区别及使用

vue实现路由跳转有两种组合：
name 和 params 组合使用
path 和 query 组合使用

区别：
params 跳转过去的页面，若刷新页面，会丢失参数（若页面有相关操作，可能会报错）
query 刷新不会丢失

params传参在地址栏看不到
query参数会显示在地址栏，若对地址栏保密有要求，则不建议用这个

用法：

this.$router.push({
  name: 'hello',
  params: {
    id: this.info.id
  }
})
this.$router.push({
  path: '/home/hello',
  query: {
    id: this.info.id
  }
})