90后晨仔

一、为什么需要插槽？ 在开发组件时，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...

最近遇到一个问题需要删除指定的Provisioning Profiles文件的时候发现网上搜索的结果给的一些在终端删除的路径不对。原来查看了xcode目录才发现这个目录已经...

前言 Vercel 是一个非常流行的前端部署平台，它支持静态站点、SSR 应用和各种前端框架（Vue、React、Next.js 等）的快速上线。很多人都被它的“一键部署”...

Vue 强调声明式编程，但现实中，仍有一些场景必须直接操作 DOM 或访问子组件，比如： 页面加载时让某个 自动聚焦； 通过第三方库（如图表、动画）操作某个 DOM 元素；...

在 Vue 3 中，watch() 是组合式 API 的重要成员，用于响应式地监听数据变化并触发副作用。虽然我们大多数人都用过它，但你是否真正了解它的高阶用法？是否遇到过这...

一、什么是 computed？ 在 Vue 中，computed 是基于响应式依赖进行缓存的计算属性。 你可以把它想象成模板里的“智能变量”——只要依赖的数据没变，它就不会...

1. v-model 是什么？ 通常我们在绑定一个 输入框时，需要手动设置 :value 和监听 @input 来同步数据： 这既繁琐又容易出错。使用 v-model，我们...