详解vue-router数据加载与缓存使用总结

之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页、二级子页。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够加载相应数据；回到上一级时，数据有更新。举个栗子，从故事页点击“编辑”按钮，进入故事编辑页则默认填充点击的“编辑”按钮所对应的故事数据；而当在故事编辑页更新数据，返回到故事页时，刚刚更新的信息也能在故事页展示。对于这项需求，我们需要解决如下几个问题：。而且vue-router对象有属性可以实现这个功能，这就简洁多了。由于我们过渡动画中间，有将路由组件定位成fixed的操作，所以，动画结束后再手动滚动到目标位置：vue-router我们在偏B端的场景中经常用到，尤其是分步骤填写表单的页面。