在 Vue.js 中， <keep-alive> 组件用于缓存组件的实例，以提高应用性能。你可以将 <keep-alive> 放置在路由配置中，以缓存指定级别的路由组件。
要缓存三级路由，可以使用以下步骤：
1. 在路由配置文件中，找到对应的父级路由。
2. 在父级路由的组件中包裹 <keep-alive> 组件，并设置其 include 属性为三级路由的路径。
3. 将三级路由的定义放在 <router-view> 组件内部。
下面是一个示例，展示如何在 Vue.js 中使用 <keep-alive> 缓存三级路由：
〓〓vue代码如下：〓〓
<template>
<div>
<h1>Parent Component</h1>
<keep-alive :include="['/parent/:id/child']">
<router-view></router-view>
</keep-alive>
</div>
</template>
在上面给出的示例中， <keep-alive> 组件的 include 属性设置为包含路径 /parent/:id/child 。这表示当进入该路径时，对应的组件实例将被缓存。
确保在路由配置中定义了三级路由的路由规则，例如：
〓〓javascript代码如下：〓〓
{
path: '/parent/:id/child',
component: ChildComponent
}
这样，在进入三级路由后，离开再返回时，之前缓存的组件实例将会被重新渲染，而不会再触发组件的 created 或 mounted 钩子函数。
土嘎嘎技术网友情提示： <keep-alive> 组件还有其他属性和用法，可以根据具体需求进行调整。详细信息可参考 Vue.js 官方文档中关于 <keep-alive> 的说明。