vue多个页面路由传参,浏览器回退,页面判断由前一个页面跳转就使用新数据还是其他页面就使用缓存，钩子函数

1.在App.vue里面使用keep-alive

<keep-alive>
  <router-view v-if="$route.meta.keepAlive">
    <!-- 这里是会被缓存的视图组件，比如 page1,page2 -->
  </router-view>
</keep-alive>

<router-view v-if="!$route.meta.keepAlive">
  <!-- 这里是不被缓存的视图组件，比如 page3 -->
</router-view>

2.在router.js里添加meta属性

 export default new Router({
   
  routes: [
 	 {
   
      path: '/a',
      name: 'a',
      component: () => import('@/pages/a/a.vue'),
      meta: {
   
        keepAlive: false, <