Pengch起疯了

Gulp 基于node平台开发的前端构建工具 将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了，用机器代替手工，提高开发效率。 1. Gulp的功能 项目上线，HTM

本文将为读者讲解Vue核心原理&源码 Diff 算法 diff 算法的进化，在一定程度上能够帮助读者进一步理解Vue的diff算法以及源码解读

1.14 vue 监测data 中的 数据 先来个案例引入一下： 点击更新马冬梅的信息，马冬梅的数据并没有发生改变。 我们来看看控制台： 控制台上的数据发生了改变，说明，这个更改的数据并没有被 vue

用index作为key可能会引发的问题： 若对数据进行：逆序添加、逆序删除等破坏顺序操作： 会产生没有必要的真实DOM更新 ==> 界面效果没问题, 但效率低。 初始数据 persons: [ { i

虚拟 DOM 的好处 虚拟 DOM 就是为了解决浏览器性能问题而被设计出来的。如前，若一次操作中有 10 次更新 DOM 的动作，虚拟 DOM 不会立即操作 DOM，而是将这 10 次更新的 diff

1.13 列表渲染 v-for指令 用于展示列表数据 语法：v-for="(item, index) in xxx" :key="yyy" 可遍历：数组、对象、字符串（用的很少）、指定次数（用的很少）

1.11 绑定样式 class样式 写法：:class="xxx" xxx可以是字符串、对象、数。 所以分为三种写法，字符串写法，数组写法，对象写法 字符串写法 字符串写法适用于：类名不确定，要动态获

1.10 监视属性 监视属性watch： 当被监视的属性变化时, 回调函数自动调用, 进行相关操作 监视的属性必须存在，才能进行监视 监视的两种写法： (1).new Vue时传入watch配置 (2

1.7 事件处理 事件的基本使用： 使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名 事件的回调需要配置在methods对象中，最终会在vm上 methods中配置的函数，都是被Vue