vue点击定位到指定位置_vue+vuex 回退定位到初始位置

先放出两张图(没错，你还在9012，做为一名资深设计师我唯一的技能点就是留白)，简单说明下问题

未做回退定位(从落地页回退，每次都回到A位置)想死啊有木有，每次都需要手动重新定位来选择，你大哥看到你做个这肯定想扣死你：

添加回退定位后(从落地页回退，定位到点击位置)哈，好用到爆 有木有~：

按照WBD国际通用惯例(我编的)，先对这个demo中用到的文件做一个索引，方便对整个回退功能有个宏观的视角，更容易理解整个流程是怎么走通的，做到心中有术。

这个回退定位demo共涉及到5个文件，分别如下：

BackToA.vue 组件A，也就是需要回退定位的组件，也就是开篇的车祸现场

Alphabet.vue 组件B，跳转落地页，不重要

index.js 在这个文件中进行，配置路由，添加meta属性(keepAlive)，很重要

App.vue 模板文件，引入组件(router-view)，依据路由是否添加meta属性判断是否启用keep-alive进行组件缓存

main.js 入口文件，引入vuex，在state定义_scrollTop来记录scrollTop值，和改变state值的actions方法来提交mutation更新状态

demo目录结构如下图：