Vue

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

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

用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

1.6 数据代理 建议学习文章地址： https://zh.javascript.info/property-descriptors https://zh.javascript.info/proper

vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码依然符合html规范，只不过混入了一些