-
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... -
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有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）... -
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 ... -
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是Vue提供的标准化开发工具。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cli.... -
004_搭建Vue开发环境
1. 中文官网教程 2. 解决 Chrome浏览器 F12 控制台提示 2.1 在Chrome浏览器中安装vue开发者工具 2.2 配置 开发者环境或生产环境 1. 中文官网教程 https://v2.cn.vuejs.org/v2/guide/ 2. 解决 Chrome浏览器 F12 控制台提示 Download the Vue De...