-
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
window.Proxy
🎯 基本概念 🚀 基本语法 🔧 核心拦截器（陷阱） 1. 基本操作拦截 2. 存在性检查拦截 🎯 实际应用场景 1. 数据验证 2. 默认值和计算属性 3. 观察者模式（数据绑定） 4. 数组操作拦截 🔧 高级用法 1. 函数代理 2. 链式操作代理 🎯 Vue 3 的响应式系统 Vue 3 使用 Pr... -
Omit
🎯 核心作用 📝 基本语法 💡 简单示例 📊 Omit 与 Pick 对比 对比示例 💡 高级用法 1. 多层 Omit 2. Omit + Partial 3. 条件排除 ⚡ Omit 的实现原理 TypeScript 内部实现 手动实现理解 🎯 与 Pick 的选择建议 💡 一句话总结 📋 在 Thing... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
005_Hello小案例
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函... -
Object.assign
📋 介绍 ★ 🎯 核心作用 ★ 📝 基本语法 ★ 💡 经典示例 ★★ 🔧 实际应用场景 1. 合并对象 2. 浅拷贝对象 3. 添加属性 ⚡ 主要特点 优点 注意事项 🔄 与展开运算符对比 📈 实际应用 1. 表单数据合并 2. 配置合并 3. 添加方法 💡 浅拷贝问题 🎓 记住这几点 ... -
async/await
async/await 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三个关键点 1. async 函数 2. await 表达式 3. 错误处理 💡 经典示例对比 回调地狱 → Promise → async/await ⚡ 主要特点 优点 注意事项 🔄 实际用例 📈 性能优化 🎓 记住这... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
Partial
📋 介绍 ★ 🎯 核心作用 ★★ 📝 基本语法 ★ 💡 经典示例 ★ 🔧 实际应用场景 1. 更新数据 2. 表单数据 3. 默认配置 ⚡ 主要特点 优点 注意事项 🔄 与 Required 对比 📈 性能考虑 🎓 记住这几点 📋 总结 📋 介绍 ★ Partial 是 TypeSc... -
箭头函数
1. 基础格式 ★★★ 完整形式（多行） 单行简写（隐式返回） 2. 参数格式 3. 特殊格式规则 对象返回值的简写 立即执行箭头函数（IIFE） 4. 与传统函数对比 5. 常见使用场景 数组方法 事件处理器（需注意 this） 异步操作 6. 格式注意事项 总结 箭头函数（Arrow Functi...