vue keepalive页面未被缓存，每次进入页面都会调用mounted跟activated钩子

Question

需求是每次进入页面比如content不会重新刷新，但是无论是切换路由还是前进后退都会刷新页面
路由配置：

mode:'history',
  routes: [
  {
      path: '/',
      redirect:'/content',
      component: home,
      children:[
  // 要是hash路由，这里无论点那个路由都是跳转到content
  {path:'/about', name:'about', component:about,meta:{keepAlive:true}},
  {path:'/archives',name:'archives',component:archives,meta:{keepAlive:true}},
  {path:'/content',name:'content',component:content,meta:{keepAlive:true}},
  {path:'/article:_id',name:'article',component:article,meta:{keepAlive:true}}//这里的name是命名路由里面的参数name
  ]

},
根组件
<div id="app">

    <!-- 不管写没写跟路由都在APP。vue里面？一定要加上这一句 -->
    <loading v-show="isloading"></loading>
        <router-view></router-view>
</div>

home组件

Answer 1

你的设置组件的name 属性，不是在路由里面设置，在组件里面设置才可以