-
数据监测、数据劫持和数据代理
1. 三者关系图解 2. 核心概念对比 3. 具体分工说明 (1) 数据劫持（核心响应式） (2) 数据代理（访问优化） (3) 数据监测（系统总称） 4. 生命周期中的体现 5. 常见误区澄清 误区1 ：数据代理是响应式的必要条件 误区2 ：Object.defineProperty 只用于数据劫持 误区3 ：Vue ... -
086_TodoList案例_事件总线
笔记 源码 main.js App.vue components\MyList.vue components\MyItem.vue 笔记 虽然 $bus 可以完成任何组件间数据的通讯，但是不是所有情况都需要麻烦 $bus。例如: 父 -> 子 ，我们用 props 就可以了 什么情况，适合 $bus 呢?类似隔层通讯的时候，例如 08... -
defineProps
defineProps 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. 泛型接口 （推荐，TypeScript） 2. 运行时声明 （JavaScript） 3. 混合使用 ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎓 记住这几点 💡 使用场景 d... -
Promise
Promise 简要介绍 📋 一句话概括 🎯 三种状态 📝 基本语法 💡 经典示例 1. 模拟异步请求 2. 链式调用 （告别回调地狱） 🔧 常用方法 1. Promise.all （全部成功） 2. Promise.race （竞速） 3. Promise.any （任意一个成功） ⚡ 主要特点 优点 注意事项 ... -
slice()
🔍 基本含义 🎯 与直接赋值的区别 ❌ 直接赋值（引用传递） ✅ 使用 slice(0)（创建新数组） 🔧 slice() 方法详解 语法： 不同参数的效果： 🚀 在排序函数中的应用 为什么排序前需要拷贝？ ✅ 安全的排序方式 📊 各种拷贝方法的对比 各种拷贝方法示例： ⚠️ 浅拷贝的局限性 对象数组的浅拷... -
flatMap()
.flatMap() 方法详解 📋 基本定义 🎯 一句话理解 💡 语法 🔧 与 map + flat 的对比 📊 基本示例 1. 简单的扁平化映射 2. 过滤并映射 🔄 与 map 的详细对比 📈 高级用法 1. 字符串分割和扁平化 2. 数据重组 3. 矩阵转置（二维数组处理） ⚡ 性能优势 1. ... -
展开语法
🎯 简单理解 💡 类比例子 现实生活类比 代码对比 🔧 实际效果 浅拷贝对象 📊 与直接赋值的区别 示例对比 💡 在响应式数据中的应用 为什么需要 ... ？ 🔄 扩展功能 1. 合并对象 2. 添加新属性 3. 覆盖部分属性 ⚡ 性能考虑 浅拷贝 vs 深拷贝 ★★★ 🎯 一句话总结 💡 记忆技巧... -
006_分析Hello案例
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函数 --> ... -
map()
Array.map() 简明指南 🎯 🔍 基本作用 🚀 基本用法 1. 简单转换 2. 对象数组转换 📝 参数详解 完整参数使用 🎯 实际应用场景 1. 数据格式化 2. DOM 操作 3. API 数据处理 ⚡ 与 for 循环对比 传统 for 循环 map() 方法（更简洁） 🎯 重要特性 1.... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ...