vue2.0_在vue中实现页面前进刷新，回退不刷新；即A进入B，B刷新，B进入C，再从C回退到B，B不刷新。

前言

  相信大家都知道类于信息填写的界面，有上一步，下一步的操作，就会遇到下一步刷新上一步不刷新的问题。今天我也浅薄的学习了下相关的知识和具体实现方式，接下来直接上代码让大家借鉴参考一下。

一、回退不刷新

首先我们要实现的是回退不刷新，即B进入到C再从C回到B时，B不刷新。在App.vue中使用keep-alive，并根据keepAlive属性来判断是否要缓存组件，true为需要被缓存，false为不需要被缓存：
注意：需要被缓存的组件，要keep-alive包裹起来。

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

然后，我们到router/index.js文件