vue 路由传递参数，刷新页面后参数丢失

在用vue做项目的时候，发现在新页面刷新后，上一页面带过来的参数会丢失，查阅资料才发现原来自己对params和query理解不透彻
下面是两种传参方法：
1、用 params 传参，需要路由里加上这个参数

this.$router.push({name:'list', params:{id: id}});
routes: [
    {
      path: '/list/:id',
      name: 'list'
    }
  ]

可以通过 this.$route.params.id 来获取

2、可以将参数写到路径里

this.$router.push({path: '/folder/file', query: {id: list.id, name: list.name}})

可以通过 this.$route.query.id 来获取