90后晨仔

🧩 一、核心原理（简单讲人话） 在 Vue3 中： provide 是父组件提供一个依赖值； inject 是子组件接收这个依赖值； 默认情况下，provide 提供的是...

一、先搞清楚：Provide / Inject 是什么机制 provide 和 inject 是 Vue 组件之间 祖孙通信的一种机制。 它允许上层组件提供数据，而下层组件...

在现代前端应用中，性能优化几乎是每个开发者都要面对的课题。 尤其是使用 Vue 构建大型单页应用（SPA）时，首屏加载慢、包体积大 成了常见的痛点。 这时，“异步组件”就登...

在 Vue3 + Element Plus 的后台开发中，<el-table> 是我们最常打交道的组件。但仅仅“能用”远远不够，如何让表格更易读、易用、专业，是每个前端开发...

在网络诊断和系统管理中，快速获取设备的IP地址是一项常见且重要的任务。本文将介绍跨平台查看IP地址的方法，并提供一个实用的脚本，帮助您同时获取内网和外网IP地址。 各操作系...

🔍 日志逐行解析 ✅ 根本原因 这通常发生在： 之前启动过 Redis 没关闭 多次重复启动 Redis 其他服务（如 Docker、另一项目）占用了 6379 端口 ✅...

安装 Redis 的方法取决于你使用的操作系统。以下是针对 macOS、Linux（以 Ubuntu/Debian 为例）和 Windows 的详细安装步骤。 ✅ 一、ma...

一、Provide/Inject是什么？🤔 Provide/Inject是Vue提供的一种依赖注入机制，它允许祖先组件作为依赖提供者，向任意深度的子孙组件注入依赖，而无需...

它的作用是： 👉 在跨层级组件之间传递数据， 无需通过 props 一层层传递。 简单来说： provide：由上层组件（祖先组件）提供数据。 inject：由下层组件（...

一、为什么需要插槽？ 在开发组件时，props 只能传递数据，但很多场景下我们需要传递 模板内容。 比如一个按钮组件，我们希望它有统一的样式，但内部文字或图标由外部决定。这...

什么是透传 Attributes？ 简单来说： 透传 Attributes 就是那些传递给组件，但没有被组件声明为 props 或 emits 的属性。它们会自动"穿透"组...

在 Vue 应用开发中，组件化是核心思想。当我们将应用拆分成多个组件时，一个关键问题随之而来：子组件如何与父组件通信？ 答案是：自定义事件。与 Props 的数据下行相反，...

目录（快速导航） 父 → 子：Props（单向数据流） 子 → 父：事件（emit / defineEmits）与 v-model（双向语法糖） 父 调 子：ref + d...

在使用 Vue 开发应用时，组件化开发 是最核心的思想之一。组件让页面结构更加清晰、复用性更强，也方便团队协作。但是在真正使用组件之前，我们需要先把它们“注册”到应用中。 ...

前言：什么是生命周期？ 想象一下一个人的一生：出生 → 成长 → 工作 → 退休 → 离世。Vue 组件也有类似的生命周期，从创建到销毁的整个过程就是生命周期。 生命周期钩...

前言：为什么需要组件化开发？ 想象一下，如果你要建造一栋房子，你是会选择一块砖一块砖地砌，还是选择使用预制的墙板、门窗模块？组件化开发就是前端世界的"预制模块"，让我们能够...

前言 Vue3 的事件处理是组件交互的核心，但官方文档可能让初学者感到困惑。本文将以更直观的方式讲解 Vue3 事件处理，通过丰富的示例和详细注释，帮助你快速掌握这一重要概...

🔧 一、准备工作 macOS 系统 已安装 Git（可通过 git --version 检查） 两个 Gitee 账号（邮箱不同） 终端（Terminal）基础操作能力 ...

一、技术架构关系解析 架构层次关系 核心协同机制 技术协同原理： Vue3 负责UI渲染和用户交互 Pinia 管理应用状态和数据流 TypeScript 提供开发时的类型...

前言 在 Vue3 的生态中，TypeScript 和 Pinia 已经成为开发者常用的组合。很多初学者在学习时会疑惑： Vue3 是框架，TypeScript 是语言，P...