-
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
箭头函数
1. 基础格式 ★★★ 完整形式（多行） 单行简写（隐式返回） 2. 参数格式 3. 特殊格式规则 对象返回值的简写 立即执行箭头函数（IIFE） 4. 与传统函数对比 5. 常见使用场景 数组方法 事件处理器（需注意 this） 异步操作 6. 格式注意事项 总结 箭头函数（Arrow Functi... -
js .reduce() 简介
1. 基本语法 2. 最简单的例子：数组求和 3. 执行过程分解 4. 常见应用场景 (1) 数组 → 对象 (2) 数组 → 新数组 (3) 对象数组 → 最大值 5. 初始值的重要性 有初始值 无初始值（使用第一个元素作为初始值） 6. 在 Vue 中的实用示例 7. 与其他数组方法对比 总结 Arr... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
捕获模式
1. 事件流的三个阶段 2. 捕获模式的核心特点 （1）触发顺序与冒泡相反 （2）需要显式启用 3. Vue 中的捕获模式 4. 典型应用场景 （1）优先拦截事件 （2）避免冒泡被阻止 （3）性能优化 5. 对比捕获与冒泡 6. 完整事件流示例 7. 注意事项 事件的 捕获模式（Capture Phase） ... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
086_TodoList案例_事件总线
笔记 源码 main.js App.vue components\MyList.vue components\MyItem.vue 笔记 虽然 $bus 可以完成任何组件间数据的通讯，但是不是所有情况都需要麻烦 $bus。例如: 父 -> 子 ，我们用 props 就可以了 什么情况，适合 $bus 呢?类似隔层通讯的时候，例如 08... -
089_TodoList案例_编辑
笔记 错误提示: 重要源码 App.vue components\MyHeader.vue components\MyItem.vue 笔记 错误提示: Do not access Object.prototype method 'hasOwnProperty' from target object no -prototy... -
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex...