vue返回上一页，保持页面原来状态

在Vue中，可以通过keep-alive组件来缓存页面状态，从而实现返回上一页时保持页面原来的状态。

具体实现方法如下：

1. 在路由配置文件中，添加keep-alive组件的配置，例如：

{
  path: '/home',
  name: 'home',
  component: () => import('@/views/Home.vue'),
  meta: { keepAlive: true }
}

这里的meta属性用来配置路由元信息，keepAlive为true表示该页面需要被缓存。

2. 在App.vue组件中，使用keep-alive组件包裹router-view组件，例如：

<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>

这里的v-if指令用来判断该页面是否被缓存，如果被缓存，则使用缓存中的组件，否则重新加载组件。

通过以上步骤，就可以实现返回上一页时保持页面原来的状态了。需要注意的是，由于缓存的页面状态会占用一定的内存，因此需要根据具体情况来决定哪些页面需要被缓存。