-
Object.defineProperty
🎯 基本含义 🔍 详细解释 1. 允许删除属性 2. 允许修改属性描述符 3. 与 configurable: false 对比 🎯 属性描述符的完整选项 🔧 实际应用场景 场景1：创建可删除的常量属性 场景2：插件系统的配置属性 场景3：响应式数据绑定 ⚠️ 重要注意事项 1. 默认值 2. 一次性操作 ... -
window.Proxy
🎯 基本概念 🚀 基本语法 🔧 核心拦截器（陷阱） 1. 基本操作拦截 2. 存在性检查拦截 🎯 实际应用场景 1. 数据验证 2. 默认值和计算属性 3. 观察者模式（数据绑定） 4. 数组操作拦截 🔧 高级用法 1. 函数代理 2. 链式操作代理 🎯 Vue 3 的响应式系统 Vue 3 使用 Pr... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
Object.assign
📋 介绍 ★ 🎯 核心作用 ★ 📝 基本语法 ★ 💡 经典示例 ★★ 🔧 实际应用场景 1. 合并对象 2. 浅拷贝对象 3. 添加属性 ⚡ 主要特点 优点 注意事项 🔄 与展开运算符对比 📈 实际应用 1. 表单数据合并 2. 配置合并 3. 添加方法 💡 浅拷贝问题 🎓 记住这几点 ... -
005_Hello小案例
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函... -
keyof
🎯 核心作用 💡 基本用法 🔧 实际示例 1. 获取对象所有键 2. 动态访问对象属性 🔄 编译时 vs 运行时 TypeScript 源码 编译为 JavaScript 🆚 与 JavaScript 的 Object.keys 对比 对比示例 💡 高级用法 1. 与泛型结合 2. 映射类型 3. 条件类型 ... -
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
Omit
🎯 核心作用 📝 基本语法 💡 简单示例 📊 Omit 与 Pick 对比 对比示例 💡 高级用法 1. 多层 Omit 2. Omit + Partial 3. 条件排除 ⚡ Omit 的实现原理 TypeScript 内部实现 手动实现理解 🎯 与 Pick 的选择建议 💡 一句话总结 📋 在 Thing... -
002_Vue简介
笔记 Vue.js 是什么 谁开发的 Vue 的特点 笔记 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于 构建用户界面 的 渐进式 JavaScript 框架。 解读: 构建用户界面 即： 将 数据 通过Vue变为 界面。 渐进式Vue可以自底向上逐层的应用。白话：简单应用：只需一个非常小的...