-
v-for
1. 基础语法 ★★★ 2. 必须的 :key 属性 3. 常见数据源类型 遍历数组 遍历对象 遍历数字范围 4. 高级用法 与 v-if 结合 嵌套循环 5. 性能优化技巧 6. 与其他框架对比 7. 常见问题 Q：为什么列表更新后视图不刷新？ Q：如何实现列表动画？ v-for 是 Vue... -
DOM 元素
1. DOM 元素的本质 2. DOM 元素的类型 3. 如何操作 DOM 元素？ （1）获取元素 （2）修改元素 （3）创建/删除元素 4. DOM 元素与 Vue/React 的关系 Vue 示例 React 示例 5. 为什么需要理解 DOM 元素？ 6. 可视化理解 DOM 树 常见问题 Q：DOM 元... -
060_单文件组件 ★
了解 源码 index.html main.js App.vue School.vue Student.vue 了解 将 自定义后缀文件(E.g .vue) 转为可以被认识的 .js等文件，需要借助2个工具: webpack 脚手架 一般常写文件名的形式: 一个单词组成的文件名， 两种形式。 school.vue S cho... -
010_理解MVVM
MVVM 模型 标准定义 Vue 借鉴 MVVM 设计的模型 源码 MVVM 模型 标准定义 本部分引用 维基百科(https://zh.wikipedia.org/wiki/MVVM ) MVVM（M odel–V iew–V iewM odel）是一种软件架构模式。 MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）... -
节点
1. 节点的本质 2. 核心节点类型 3. 节点继承关系图解 4. 节点通用属性和方法 公共属性 公共方法 5. 不同类型节点的特性 元素节点（Element） 文本节点（Text） 注释节点（Comment） 6. 节点与元素的区别 7. 实际应用示例 遍历所有子节点 创建节点并插入 总结 在 ... -
006_分析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 ... -
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构造函... -
.unshift()
以下是详细说明： 1. 基本语法 2. 核心特性 3. 使用示例 示例1：插入单个元素 示例2：插入多个元素 示例3：与 push() 对比 4. 与其他方法的区别 5. 特殊场景处理 场景1：空数组调用 场景2：非数组对象调用 6. 性能注意事项 7. 在Vue/React中的使用 Vue 示例 Rea...