解决keep-alive缓存失效问题【必看!!!】

news2025/1/18 2:14:34

最近正在使用Vue3+Ts+Pinia重构后台管理项目,在写到路由缓存时,发现怎么都缓存不了,后来才找到了原因:

Vue3中的setup语法糖中的name命名无效

即:如果你是按如下写组件的name,是不起作用的

<script name="One1"  lang="ts" setup>

</script>

解决方法有两种

1)手动写一个script标签,然后默认暴露名称

<script lang="ts">
export default {
  name:'One1'
}
</script>
<script  lang="ts" setup>

</script>

 2)使用vite-plugin-vue-setup-name-support插件,这个插件是用来解决vue3 setup 语法糖中无法给组件命名的缺陷

插件地址:vbenjs/vite-plugin-vue-setup-extend - Vite 中文文档 (viterc.cn)icon-default.png?t=N6B9https://www.viterc.cn/en/vite-plugin-vue-setup-extend.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/884880.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

ARM-M0内核MCU,内置24bit ADC,采样率4KSPS,传感器、电子秤、体脂秤专用,国产IC

ARM-M0内核MCU 内置24bit ADC &#xff0c;采样率4KSPS flash 64KB&#xff0c;SRAM 32KB 适用于传感器&#xff0c;电子秤&#xff0c;体脂秤等等

报名开启 | 2023RflySim暑期学校 : 基于RflySim平台飞控底层算法开发专题培训(第二期)

飞思实验室“基于RflySim平台飞控底层算法开发”系列专题培训第二期开启报名了&#xff01;专题培训由戴训华副教授以及飞思实验室学生&工程师团队主讲&#xff0c;采用“线上线下”集中授课形式&#xff0c;培训时间为8月28日-9月3日&#xff1b;课程内容以RflySim平台介绍…

vite+vue3初始化项目

node环境 14.18&#xff0c;16。最好是16 初始化项目 执行 npm create vuelatest 就是基于vite的命令&#xff0c;执行后会出现以下选择&#xff1a; 目录结构介绍 基本和vue2一个意思 vite.config.js文件如同vue2中的vue.config.js文件&#xff0c;用于配置项目的 安装…

C语言入门 Day_5 四则运算

目录 前言 1.四则运算 2.其他运算 3.易错点 4.思维导图 前言 图为世界上第一台通用计算机ENIAC,于1946年2月14日在美国宾夕法尼亚大学诞生。发明人是美国人莫克利&#xff08;JohnW.Mauchly&#xff09;和艾克特&#xff08;J.PresperEckert&#xff09;。 计算机的最开始…

应用在汽车前照灯系统中的环境光传感芯片

为了保证行车照明的安全性和方便性&#xff0c;减轻驾驶员的劳动强度。近年来&#xff0c;出现了许多新的照明控制系统&#xff0c;例如用于日间驾驶的自动照明系统、光束调节系统、延迟控制等。尤其是汽车自适应前照灯系统&#xff0c;它是一种能够自动改变两种以上的光型以适…

驱动压力P阀10Ω/流量Q阀40Ω比例阀放大器

模块式比例放大器用于控制比例压力流量阀&#xff0c;可驱动PQ比例阀或驱动两路独立控制比例阀&#xff0c;数码管显示现场可设置不同参数&#xff0c;带故障报警提示&#xff0c;DIN35mm导轨安装&#xff0c;24VDC供电&#xff1b;输入指令信号可选0-5V&#xff0c;0-10V&…

线切割数控系统 CAM 功能开发

在第三章我们完成了 Windows CE 系统的的内核定制与软件移植&#xff0c;本实验室开 发的 CAWEP 软件实现了从图形绘制、编辑到运动仿真、代码输出等功能&#xff0c;并未真 正意义上实现线切割机床的控制&#xff0c;本章我们在已有软件的基础上&#xff0c;进行研究与开…

DFT笔记 DC/AC mode与Func

DFT scan可以分为DC和AC两种&#xff0c;区别如下图 DC模式需要ate测试机台提供test clock时钟&#xff08;最快100M&#xff09;&#xff0c;DFT工程师需要升级普通reg变成带si和so&#xff0c;se pin的reg&#xff0c;并插入扫描链&#xff08;scan chain&#xff09;&#x…

系统组件化接口设计

1. 定义这里的系统是指对于一个大系统(如供应链系统)来说划分成的若干小的项目包(如销售管理、采购管理、生产管理)。系统间的接口要讨论的是有关项目包间如何传递数据、数据传递的方式、接口程序及调用方式等问题。2. 原则 保持各项目包间的高度独立性,包括设计的独…

使用wxPython嵌入浏览器加载本地HTML文件

使用wxPython模块嵌入浏览器并加载本地HTML文件的示例博客。以下是一个简单的示例&#xff1a; 介绍&#xff1a; 在本篇博客中&#xff0c;我们将使用Python的wxPython模块来嵌入一个浏览器&#xff0c;并加载一个本地的HTML文件。这对于需要在Python应用程序中显示Web内容…

Visual Studio 2022 中解决使用scanf报错的方法(一劳永逸)

目录 【前言】 一、scanf报错示例 二、解决使用scanf报错的方法 解决方法1&#xff08;不推荐&#xff09; 解决方法2&#xff08;不推荐&#xff09; 解决方法3&#xff08;强烈推荐&#xff09; 第一步 第二步 第三步 三、效果演示&#xff08;方法三&#xff09; …

EF Core+外键

nuget:Microsoft.EntityFrameworkCore.SqlServer Microsoft.EntityFrameworkCore.Tools//这个是反向工程&#xff0c;就是把数据导入到程 1.将数据库各表导入到程式 Scaffold-DbContext Data SourceWAYLIPC;Initial CatalogLabOcr;Persist Security InfoTrue;User IDsa;passw…

加杠杆的股票类型是什么?

加杠杆的股票类型在投资领域有不同的称呼&#xff0c;包括杠杆股票、倍增股票、奇特股票等。这些股票类型都具有共同的特点&#xff0c;即提供给投资者以杠杆交易的机会&#xff0c;可以放大投资的回报。以下是对加杠杆的股票类型的介绍。 1. 杠杆型基金&#xff1a;杠杆型基金…

文件上传第三方存储平台:七牛云对象存储(Java为例)

目录 一、注册账号并创建密钥 二、创建存储空间bucket 三、手动添加文件到存储空间 四、代码中执行上传操作 我发现很多人还不知道对于第三方存储如何在代码中进行使用&#xff0c;而实际开发中很多场景下可能都会遇到。 所以我特别写一篇博客&#xff0c;目的一是方便自己…

idea自动导入包,自动删除包

当我们复制代码时&#xff0c;需要一个个导入包&#xff0c;删除代码时&#xff0c;没有用到的包就没用了&#xff0c;忘记删了就导致代码臃肿了&#xff0c;设置自动导入自动删除包使我们的代码更加简洁。 1、file–>settings 2、找到Auto Import 3、勾选Add unambiguous …

JavaScript实现在线Excel的附件上传与下载

摘要&#xff1a;本文由葡萄城技术团队于CSDN原创并首发。转载请注明出处&#xff1a;葡萄城官网&#xff0c;葡萄城为开发者提供专业的开发工具、解决方案和服务&#xff0c;赋能开发者。 前言 在本地使用Excel时&#xff0c;经常会有需要在Excel中添加一些附件文件的需求&am…

FOSSASIA Summit 2023 - 开源亚洲行

作者 Ted 致歉&#xff1a;本来这篇博客早就该发出&#xff0c;但是由于前几个月频繁差旅导致精神不佳&#xff0c;再加上后续我又参加了 Linux 基金会 7/27 在瑞士日内瓦举办的 Open Source Congress&#xff0c;以及 7/29-30 台北的 COSCUP23&#xff0c;干脆三篇连发&#x…

HICP实验--MPLS VPN

前置学习 HCIP学习--MPLS_板栗妖怪的博客-CSDN博客 一、实验拓扑 二、实验要求 1、R1与R5MPLS VPN 2、R6与R7MPLS VPN 3、 R7可以访问R2/3/4的环回 三、实验步骤 首先配置IP R1 [r1-GigabitEthernet0/0/0]ip address 192.128.2.1 24 [r1-GigabitEthernet0/0/0]int l 0 [r1-…

从“智能涌现”到“价值涌现”,讯飞星火又一次“登月”

狂飙200多天后&#xff0c;国产大模型的数量已超过百家&#xff0c;正式迈入“百模大战”阶段。 越往后走&#xff0c;普通用户和产业各界对大模型的期待&#xff0c;也从“你家的大模型涌现了吗&#xff1f;”的能力突破&#xff0c;快进到了“大模型究竟能帮我干什么”的“价…

Android 性能优化–Gradle 编译速度优化

Android 性能优化–Gradle 编译速度优化 1. 保持工具最新2. 使用 KSP 代替 kapt3. 避免编译不必要的资源4. 优化 repositories maven 排序5. 在调试构建中使用静态构建配置值6. 使用静态依赖版本7. 创建库模块8. 为自定义构建逻辑创建任务9. 将图像转换为 WebP10. 禁用 PNG 处…