【每日一题】Vue 切换路由时怎么保存状态？

问题：Vue 切换路由的时候，需要保存当时状态的功能，怎么实现呢

方式一 beforeRouteLeave

beforeRouteLeave(to,from,next){
    if('用户已经输入了信息'){
      // 出现弹窗提醒保存草稿，或者自动后台为其保存
      // do something
    }else{
        next(true); // 用户离开
    }
}

在这个路由里，我们可以

1. 把数据存储到vuex，缺点就是页面刷新数据会丢失

2. 存储到localStorage并且和vuex关联

3. 存储到数据库中

方式二 keep-alive

用keep-alive缓存路由

keep-alive学习看第二篇文章～