KeepAlive搭配Vue Router,页面缓存到底怎么玩2026-05-19 vue动态组件缓存搞定了,但实际项目中更常见的是路由页面缓存。KeepAlive配合Vue Router的router-view,再加上路由meta信息动态控制哪些页面该缓存,这才是KeepAlive最实用的打开方式。#基础入门 #Vue Router #KeepAlive阅读更多
插件配置项怎么设计?TypeScript类型怎么加?打包发布要注意啥?2026-05-19 vueVue 3插件进阶:配置项设计模式与默认值合并、TypeScript类型声明(模块扩展、InjectionKey、globalProperties类型增强)、Vite库模式打包发布NPM包的完整流程。#基础入门 #TypeScript #Plugins阅读更多
用插件注册全局组件和自定义指令,一劳永逸2026-05-19 vueVue 3插件通过app.component()注册全局组件、app.directive()注册全局自定义指令。本文演示如何用插件批量注册UI组件库、注册v-focus和v-permission等常用指令,以及组件库插件的最佳实践。#基础入门 #自定义指令 #Plugins +1阅读更多
被缓存的组件"死"了吗?onActivated和onDeactivated告诉你答案2026-05-19 vueKeepAlive缓存的组件既不是活着也不是死了,而是"冬眠"了。onActivated在组件被激活时叫醒它,onDeactivated在组件进入缓存时让它休眠。搞懂这两个钩子和mounted/unmounted的区别, …#基础入门 #KeepAlive阅读更多
插件里用provide/inject,让全应用都能拿到你的数据2026-05-19 vueVue 3插件中通过app.provide()实现应用级数据注入,组件中用inject()获取。对比globalProperties和provide/inject两种方式的优缺点,掌握插件数据传递的最佳实践,包括Symbol注入键、响应式数 …#基础入门 #依赖注入 #Plugins +2阅读更多
缓存太多内存炸了?max属性和LRU淘汰策略来救场2026-05-19 vueKeepAlive缓存组件很爽,但缓存太多内存就遭不住了。max属性让你限制最大缓存数量,超出的按LRU策略淘汰最久没用的组件。这篇文章帮你搞明白LRU是啥、max怎么配、缓存淘汰时组件会发生什么。#基础入门 #KeepAlive #内存管理阅读更多