前端那点事

Vue keep-alive 原理全解析（Vue2+Vue3适配） Vue 中的 keep-alive 是一个内置抽象组件，核心作用是缓存组件实例，避免组件频繁创建和销毁，从而提升页面切换性能、保留组

Vue 除了提供 v-model、v-show、v-bind 等内置指令外，还允许开发者注册自定义指令（Custom Directives），用于封装涉及普通元素的底层 DOM 访问逻辑，弥补内置指令

Vue插槽（Slot）是组件间内容分发的核心机制，用于解决“父组件向子组件传递模板片段”的需求，实现组件的灵活复用与结构解耦。简单来说，插槽就是子组件中预留的“内容占位符”，占位符的具体内容由父组件决

Vue路由跳转是前端项目页面切换的核心操作，贯穿整个Vue项目开发（从简单页面跳转，到带参跳转、权限控制跳转）。本文将整合Vue2、Vue3路由跳转的所有常用方式，明确不同场景的使用选择，补充参数传递

在Vue项目开发中，路由懒加载是前端性能优化的核心手段之一。当项目规模扩大、页面增多时，若一次性加载所有路由组件，会导致首屏加载时间过长、资源浪费，影响用户体验。路由懒加载的核心逻辑的是：按需加载，即

Vue 组件通信是前端开发核心知识点，不同组件层级（父子、兄弟、跨级）对应不同的通信方案，核心原则是：简洁、高效、贴合场景，避免过度复杂的通信逻辑。以下按「基础场景→进阶场景→特殊场景」梳理，结合实战

我们都清楚调试效率直接决定开发进度——但即便多年开发经验，仍有不少人调试时只依赖 console.log，忽略了 console 家族的高阶能力，白白浪费大量定位 bug、优化性能的时间。 conso

VueUse 是基于 Vue3 Composition API 开发的实用函数集合库，由 Vue 核心团队成员主导维护，收录了200+开箱即用的工具函数，覆盖 DOM 操作、浏览器 API、响应式状态

本文专为Vue3开发者打造，从Pinia基础认知入手，逐步讲解环境搭建、核心API用法，结合Vue3+TypeScript实战案例，覆盖日常开发99%场景，新手可直接套用代码，快速掌握Pinia全局状