如何实现Vue.js页面后退时自动还原滚动位置的功能？

本文共计1716个文字，预计阅读时间需要7分钟。

目录 + 开始 + 目录结构 + 安装模块 + 路由规则 + 代码社区API示例 + 总结 + 前言 + 从Vue.js 2.x 发布后，陆续完成了七八个项目，摸索出来一套自己的状态管理模式，我将之称为Vuet。它以规则为基础...

目录

• 开始
• 目录结构
• 安装模块
• route规则
• code社区api为例子
• 总结

前言

从Vue.js 2.x发布之后，陆陆续续做了七八个项目，摸索出来了一套自己的状态管理模式，我将之称为Vuet。它以规则来驱动状态更新，它带来的是开发效率上的飙升，它就像草原，而你是野马，任你随意驰骋，总之它是为敏捷开发而诞生。

缘由

在大型的Vue应用程序开发中，多组件通信、多页面通信，往往是跨不过的坎，一个页面组件中往往参杂着页面获取数据的代码和响应用户操作的代码，稍有不慎，就使得代码混乱不堪。A、B、C三个页面中，都需要同样的数据，然后每一个页面都写一次、发送一次请求，不久之后，代码就十分臃肿了。因此我们就需要vuex这样的第三方库来管理状态了

Vuet诞生初衷

从列表点击进去到详情，从详情返回后，我们期望能显示回原来的位置，而不是整个页面重新初始化，重新请求数据，这样带来的是用户体验的极度糟糕的，我们期望能有一种规则来定义状态应该如何更新，这便是Vuet.js诞生的初衷。它以规则来定义状态的更新，它也是一种Vue.js全新的状态管理模式。