场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: 'index', params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。
解决方案：
1、session&服务器渲染
传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面时，浏览器会在http header带上相应的cookie，然后服务器根据cookie中的sessionid判断用户是否登录，再显示用户数据。
如果项目采用前后端分离思想，服务器只提供接口，不进行服务器渲染，那么这种办法是行不通了。
2、$route.query
我们可以在路由跳转的时候带上登录请求的参数：
router.push({name:'index', query:{username: 'xxx', password: 'xxxxxx'}})
...this.$ajax({ url: 'xxx', method: 'post', data: { username: this.$route.query.username, password: this.$route.query.password
}
})这样登录参数会被保存在url中，像这样：“http://xxx.xxx.xxx/index?username=xxx&password=xxxxxx”，然后在created钩子中调用登录
