# 如何开启菜单页面缓存 [TOC] ## 开启缓存有 2 个条件 1. 菜单路由设置 `name`,且**不能重复** 2. 路由对应的组件加上 `name`,与路由设置的 `name` 保持一致 ![](https://img.kancloud.cn/f0/dd/f0dd2a99180d58e8ff7ac816d41c1342_1758x926.png) ## 如何定义页面name 一、不使用setup语法糖定义name方式 ~~~ export default defineComponent({ name: 'system-user', }); ~~~ 二、使用setup语法糖,需要加`name`属性 setup语法糖定义组件后,组件默认是没有name属性的此时就无法全局注册组件,如需定义name需按以下下方式进行定义 ~~~ <script lang="ts" setup name="system-user"> </script> ~~~