-
数据监测、数据劫持和数据代理
1. 三者关系图解 2. 核心概念对比 3. 具体分工说明 (1) 数据劫持（核心响应式） (2) 数据代理（访问优化） (3) 数据监测（系统总称） 4. 生命周期中的体现 5. 常见误区澄清 误区1 ：数据代理是响应式的必要条件 误区2 ：Object.defineProperty 只用于数据劫持 误区3 ：Vue ... -
Promise
Promise 简要介绍 📋 一句话概括 🎯 三种状态 📝 基本语法 💡 经典示例 1. 模拟异步请求 2. 链式调用 （告别回调地狱） 🔧 常用方法 1. Promise.all （全部成功） 2. Promise.race （竞速） 3. Promise.any （任意一个成功） ⚡ 主要特点 优点 注意事项 ... -
defineProps
defineProps 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. 泛型接口 （推荐，TypeScript） 2. 运行时声明 （JavaScript） 3. 混合使用 ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎓 记住这几点 💡 使用场景 d... -
3 编译 TypeScript
1. 命令⾏编译 2. ⾃动化编译 3. 脚手架 视频位置 TypeScript快速梳理_上篇 11:00 浏览器不能直接运⾏ TypeScript 代码，需要编译为 JavaScript 再交由浏览器解析器执⾏。 1. 命令⾏编译 要把 .ts ⽂件编译为 .js ⽂件，需要配置 TypeScript 的编译环境，步骤如下 第⼀步：... -
effectScope
effectScope 介绍（初中水平） 🎯 什么是 effectScope？ 📖 核心概念 1. 什么是”副作用”？ 2. 为什么要管理？ 🔧 基本用法 创建和使用 📊 实际场景 场景1：组件中使用 场景2：自定义 Hook 🆚 对比：有 vs 没有 effectScope 没有 effectScope（旧方法） 有... -
flatMap()
.flatMap() 方法详解 📋 基本定义 🎯 一句话理解 💡 语法 🔧 与 map + flat 的对比 📊 基本示例 1. 简单的扁平化映射 2. 过滤并映射 🔄 与 map 的详细对比 📈 高级用法 1. 字符串分割和扁平化 2. 数据重组 3. 矩阵转置（二维数组处理） ⚡ 性能优势 1. ... -
slice()
🔍 基本含义 🎯 与直接赋值的区别 ❌ 直接赋值（引用传递） ✅ 使用 slice(0)（创建新数组） 🔧 slice() 方法详解 语法： 不同参数的效果： 🚀 在排序函数中的应用 为什么排序前需要拷贝？ ✅ 安全的排序方式 📊 各种拷贝方法的对比 各种拷贝方法示例： ⚠️ 浅拷贝的局限性 对象数组的浅拷... -
withDefaults
📊 withDefaults 的作用 1. 为 TypeScript props 设置运行时默认值 2. 保持类型安全 🆚 与 Options API 对比 Options API 写法 Composition API + <script setup> 写法 📈 高级用法 1. 函数默认值 2. 复杂对象默认值 3. 依赖默... -
展开语法
🎯 简单理解 💡 类比例子 现实生活类比 代码对比 🔧 实际效果 浅拷贝对象 📊 与直接赋值的区别 示例对比 💡 在响应式数据中的应用 为什么需要 ... ？ 🔄 扩展功能 1. 合并对象 2. 添加新属性 3. 覆盖部分属性 ⚡ 性能考虑 浅拷贝 vs 深拷贝 ★★★ 🎯 一句话总结 💡 记忆技巧... -
006_分析Hello案例
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函数 --> ...