-
005_Hello小案例
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函... -
解构
如何理解”解构”？ 📋 解构的概念 🎯 简单比喻 ★ 💡 基本示例 ★ 1. 数组解构 2. 对象解构 📊 解构的常见用法 1. 重命名变量 ★ 2. 默认值 3. 嵌套解构 🆚 解构 vs 不解构 不解构写法 解构写法 ⚡ 解构的优势 🎯 解构属于什么？ 1. JavaScript ES6 特性 ... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
捕获模式
1. 事件流的三个阶段 2. 捕获模式的核心特点 （1）触发顺序与冒泡相反 （2）需要显式启用 3. Vue 中的捕获模式 4. 典型应用场景 （1）优先拦截事件 （2）避免冒泡被阻止 （3）性能优化 5. 对比捕获与冒泡 6. 完整事件流示例 7. 注意事项 事件的 捕获模式（Capture Phase） ... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
Pick
📋 简介 🎯 核心作用 📝 基本语法 💡 经典示例 🔄 与手动定义的对比 📈 性能考虑 📋 总结 📋 简介 Pick 是 TypeScript 的内置工具类型 ，用于从一个类型中挑选 出部分属性创建新类型。 🎯 核心作用 从 复杂类型 中提取 需要的字段 ，创建更精简的类型。 📝 基本语法 Pick<源类... -
箭头函数
1. 基础格式 ★★★ 完整形式（多行） 单行简写（隐式返回） 2. 参数格式 3. 特殊格式规则 对象返回值的简写 立即执行箭头函数（IIFE） 4. 与传统函数对比 5. 常见使用场景 数组方法 事件处理器（需注意 this） 异步操作 6. 格式注意事项 总结 箭头函数（Arrow Functi... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
flatMap()
.flatMap() 方法详解 📋 基本定义 🎯 一句话理解 💡 语法 🔧 与 map + flat 的对比 📊 基本示例 1. 简单的扁平化映射 2. 过滤并映射 🔄 与 map 的详细对比 📈 高级用法 1. 字符串分割和扁平化 2. 数据重组 3. 矩阵转置（二维数组处理） ⚡ 性能优势 1. ... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =...