在Vue3 + ts,开发中,当我们使用keep-alive缓存页面中输入内容的时候,include中是需要缓存页面的名称。
2.被缓存的页面,需要将名称单独写出来,非常之麻烦
3.此时需要安装一个插件,(开发环境中使用,打包的时候会处理好)
npm i vite-plugin-vue-setup-extend-plus -D
4.安装好了之后,还需要在vite.config.ts中配置一下
import vueSetupExted from 'vite-plugin-vue-setup-extend-plus';
plugins: [
vue(),
vueSetupExted(),//使用<script setup name="**" 上Name作为缓存名>
],
5.安装和配置好,之后重启项目
然后就可以在vue文件中,这样书写了
需要注意的是:
这里的name,要和路由中的那么保持一致,否则不生效