-
031_列表过滤
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 列表过滤</title > <script type ="text/javascript" src ="../js/vue.js" ... -
014_事件处理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 事件的基本使用</title > <!-- 引入Vue --> <script type ="text/javasc... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
019_计算属性
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 姓名案例_计算属性实现</title > <!-- 引入Vue --> <script type ="text/ja... -
049_生命周期_挂载流程
this 源码 生命周期图示 官网生命周期图示 禹神版图示 生命周期函数调试 beforeCreate created this 生命周期里的this都是vm 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> ... -
050_生命周期_更新流程
面试官常问的问题 源码 面试官常问的问题 在哪个生命周期钩子中，页面和数据尚未保持同步？答案： beforeUpdate() 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 分析生命周期</titl... -
011_Object.defineProperty
Object.defineProperty 方法的重要性 源码 Object.defineProperty 方法的重要性 Vue底层很多地方都会用到 Object.defineProperty方法，例如： 数据劫持 数据代理 计算属性 defineProperty 直译： 给 方法 定义 属性。 源码 <!DOCTYPE html> ... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
035_Vue.set()方法
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue监测数据改变的原理</title > <!-- 引入Vue --> <script type ="text/j... -
js .reduce() 简介
1. 基本语法 2. 最简单的例子：数组求和 3. 执行过程分解 4. 常见应用场景 (1) 数组 → 对象 (2) 数组 → 新数组 (3) 对象数组 → 最大值 5. 初始值的重要性 有初始值 无初始值（使用第一个元素作为初始值） 6. 在 Vue 中的实用示例 7. 与其他数组方法对比 总结 Arr...