-
DOM 元素
1. DOM 元素的本质 2. DOM 元素的类型 3. 如何操作 DOM 元素？ （1）获取元素 （2）修改元素 （3）创建/删除元素 4. DOM 元素与 Vue/React 的关系 Vue 示例 React 示例 5. 为什么需要理解 DOM 元素？ 6. 可视化理解 DOM 树 常见问题 Q：DOM 元... -
v-for
1. 基础语法 ★★★ 2. 必须的 :key 属性 3. 常见数据源类型 遍历数组 遍历对象 遍历数字范围 4. 高级用法 与 v-if 结合 嵌套循环 5. 性能优化技巧 6. 与其他框架对比 7. 常见问题 Q：为什么列表更新后视图不刷新？ Q：如何实现列表动画？ v-for 是 Vue... -
010_理解MVVM
MVVM 模型 标准定义 Vue 借鉴 MVVM 设计的模型 源码 MVVM 模型 标准定义 本部分引用 维基百科(https://zh.wikipedia.org/wiki/MVVM ) MVVM（M odel–V iew–V iewM odel）是一种软件架构模式。 MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）... -
显示原型属性 隐式原型属性
基础知识 1. 显式原型属性（prototype ） 定义 特点 示例 2. 隐式原型属性（__proto__ 或 [[Prototype]] ） 定义 特点 示例 3. 关键区别对比 总结 Vue 实例对象 不是来源于 Vue构造函数 ? 为什么 Vue实例对象 没有 prototype ? 1. 原型链的基本... -
006_分析Hello案例
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函数 --> ... -
节点
1. 节点的本质 2. 核心节点类型 3. 节点继承关系图解 4. 节点通用属性和方法 公共属性 公共方法 5. 不同类型节点的特性 元素节点（Element） 文本节点（Text） 注释节点（Comment） 6. 节点与元素的区别 7. 实际应用示例 遍历所有子节点 创建节点并插入 总结 在 ... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
005_Hello小案例
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函... -
数据监测、数据代理和数据劫持
1. 三者关系图解 2. 核心概念对比 3. 具体分工说明 (1) 数据劫持（核心响应式） (2) 数据代理（访问优化） (3) 数据监测（系统总称） 4. 生命周期中的体现 5. 常见误区澄清 误区1 ：数据代理是响应式的必要条件 误区2 ：Object.defineProperty 只用于数据劫持 误区3 ：Vue ... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ...