Vue.

KeepAlive默认会把所有子组件都缓存，但有些组件缓存了反而占内存。include和exclude让你精准控制谁该缓存谁不该缓存，支持字符串、正则、数组三种写法，关键是组件的name要对得上。

从零开始手写一个Vue 3 i18n国际化插件，完整演示插件的创建流程：定义install方法、通过globalProperties挂载全局翻译函数、用点号分隔的key查找嵌套翻译字典、在main.js中安装插件并传入配置。

Vue 3插件（Plugins）是为Vue添加全局功能的工具代码。本文从插件的基本概念讲起，搞清楚插件和组件的区别、app.use()背后干了啥、插件能做哪些事、什么时候该用插件什么时候不该用。

动态组件切换时状态总是被重置？计数器归零、输入框清空、滚动位置丢失……KeepAlive就是Vue 3给你准备的"保鲜膜"，把切走的组件状态牢牢锁住，切回来还是原来的样子。

Vue 3 Composables与Mixins、无渲染组件、React Hooks的全面对比分析。Mixins的数据来源不清、命名冲突、隐式耦合三大短板；无渲染组件的额外实例开销；React Hooks与Composables的执行模型本 …

Vue 3 Composables最强大的特性是组合与嵌套——一个Composable可以调用另一个Composable，像搭积木一样构建复杂逻辑。本文通过useEventListener简化useMouse、用Composable拆分复杂 …

学了那么多理论，是时候动手撸几个真正能用的指令了！拖拽排序、一键复制、长按触发、权限控制、图片懒加载，五个实战指令完整实现，拿去直接用就完事了。

Vue 3 Composable中副作用的正确管理方式：DOM操作必须在onMounted后执行、事件监听器必须在onUnmounted时移除、watchEffect的清理函数用法、SSR环境下的注意事项。掌握这些规则，避免内存泄漏和运行时 …

自定义指令注册方式怎么选？全局注册一劳永逸但可能污染命名空间，局部注册按需使用但每个组件都要写。还有TypeScript项目里指令没有类型提示怎么办？这篇文章帮你把注册方式和类型增强一次搞定。

Vue 3 Composable接收响应式参数的正确方式：用toValue()兼容字符串、ref和getter三种输入，用watchEffect()追踪依赖变化自动重新执行。以useFetch为例，从静态URL到动态响应式URL的完整升级过 …

自定义指令用在普通HTML元素上没问题，但贴到组件上就可能翻车。单根组件指令会透传到根节点，多根组件直接报警告，而且指令不能像attributes那样用v-bind="$attrs"手动传递。这篇文章帮你搞明白指令在组件 …

Vue 3 Composable返回值应该用ref还是reactive？本文详细分析两种方式的差异：ref解构后保持响应性、reactive解构后丢失响应性、reactive包装返回值实现自动解包。帮你彻底搞懂Composable返回值的正 …

很多自定义指令其实只需要在mounted和updated做同样的事，Vue 3提供了函数简写让你少写一半代码。再加上对象字面量传参，一个指令就能接收任意多个配置项，灵活到飞起。

拆解Vue 3自定义指令钩子函数接收的四个参数：el、binding、vnode、prevVnode，重点搞清楚binding对象里的value、oldValue、arg、modifiers、instance、dir分别是什么，动态参数怎么 …

Vue 3 Composables有一套社区公认的命名和参数约定：函数名以use开头、用驼峰命名法、输入参数兼容ref和getter、返回包含ref的普通对象。掌握这些约定，你写的Composable才能让别人一看就懂、拿来就能用。

从零开始手写一个useMouse组合式函数，完整演示Composable的创建流程：先在组件内实现功能，再提取到独立文件，最后在组件中复用。同时封装useEventListener来简化事件监听逻辑，展示Composable之间的嵌套组合。

全面拆解Vue 3自定义指令的七个生命周期钩子，搞清楚每个钩子的触发时机、能做什么不能做什么，配合流程图和实战代码让你不再纠结"这段代码该放哪个钩子里"。

Vue 3组合式函数（Composables）是利用组合式API封装和复用有状态逻辑的函数。本文从无状态逻辑与有状态逻辑的区别讲起，帮你搞明白为什么需要Composables，它到底解决了什么问题，以及它和普通工具函数的本质差异在哪。

从Vue 3内置指令的局限性出发，介绍自定义指令是什么、什么时候该用它、和组件与组合式函数有什么区别，手把手带你写出第一个v-focus自动聚焦指令。

详细讲解 Vue 3 defineAsyncComponent 的两种调用方式（函数式和对象式），深入分析各配置项的作用和使用场景。

深入讲解 Vue 3 inject 的注入别名机制、默认值设置、工厂函数延迟计算以及选项式 API 中的 inject 配置，帮助读者安全优雅地使用依赖注入。

深入讲解 Vue 3 中 provide 与响应式数据的配合使用原则，详解状态变更内聚策略、readonly 防篡改机制以及选项式 API 中的计算属性响应性处理。

深入讲解 Vue 3 中 provide 的组合式 API 用法、选项式 API 用法、应用层 provide 以及函数式 provide 的核心差异与适用场景。

系统梳理 Vue 3 provide/inject 开发中的常见报错场景与排查方法，详解性能优化策略与最佳实践，帮助开发者构建高效稳定的依赖注入体系。

深入讲解 Vue 3 中 Symbol 作为注入名的核心优势、使用方式、与字符串注入名的区别以及 TypeScript 类型标注的最佳实践。

深入浅出地讲解 Vue 3 Suspense 组件如何统一管理多个异步组件的加载状态，解决嵌套异步依赖的加载展示问题。

通过实战案例深入讲解 Vue 3 异步组件的加载状态管理、错误重试机制、延迟加载策略，帮助开发者构建体验优秀的异步加载流程。

从日常开发中的页面加载慢问题切入，通俗易懂地讲解 Vue 3 异步组件的核心概念、懒加载的原理以及为什么它能显著提升应用性能。

系统梳理 Vue 3 异步组件开发中的常见报错场景与排查方法，详解预加载策略、打包优化与最佳实践，帮助开发者构建高效的异步加载体系。

从多层级组件通信痛点切入，深入剖析 prop 逐级透传问题根源，详解 Vue 3 provide/inject 依赖注入机制的核心原理与基础用法。