Vue Keep-Alive Include Not Working as Expected

keep-alive中include属性绑定得值 应该是vue页面得name，如下所示

<keep-alive :include="[PageOne,PageTwo]">
   <router-view :key="key" />
</keep-alive>

// pageOne页面代码
<template>
  <div> pageOne页面 </div>
</template>
<script>
export default {
  name: 'PageOne', // keep-alive 组件 include 匹配的是这个name值，不是路由配置中得name
  data:{
  }
}
</script>

// router.js文件

{
  path: 'page-one',
  name: 'PageOne', // 跟这个name无关 
  component: () => import('@/views/user-management/change-password'),
}

切记！include配置的name，是组件的name，而不是router上的name！