vue中得keep-alive组件得include属性绑定值注意事项

很多细节容易遗忘，所以需要记录一下。
keep-alive中include属性绑定得值 应该是vue页面得name，如下所示

// keep-alive 组件 include 两个页面
<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'),
}
    

先自己记录一下