-
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有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）... -
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是Vue提供的标准化开发工具。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cli.... -
数据监测、数据劫持和数据代理
1. 三者关系图解 2. 核心概念对比 3. 具体分工说明 (1) 数据劫持（核心响应式） (2) 数据代理（访问优化） (3) 数据监测（系统总称） 4. 生命周期中的体现 5. 常见误区澄清 误区1 ：数据代理是响应式的必要条件 误区2 ：Object.defineProperty 只用于数据劫持 误区3 ：Vue ... -
006_分析Hello案例
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函数 --> ... -
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
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... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList...