摘要：
回归简单 要理解JavaScript，你得首先放下对象和类的概念，回到数据和代码的本原。前面说过，编程世界只有数据和代码两种基本元素，而这两种元素又有着纠缠不清的关系。JavaScript就是把数据和代码都简化到最原始的程度。 JavaScript中的数据很简洁的。简单数据只有 undefined, 阅读全文
摘要：
过渡 通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 为了应用过渡效果，需要在目标元素上使用 transitio 阅读全文
摘要：
表单控件绑定 基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇，v-model 不过是语法糖，在用户输入事件中更新数据，以及特别处理一些极端例子。 Text Checkbox 单个勾选框，逻辑值： 多个勾选框，绑定到同一个 阅读全文
摘要：
方法与事件处理器 方法处理器 可以用 v-on 指令监听 DOM 事件： 我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法： 内联语句处理器 除了直接绑定到一个方法，也可以用内联 JavaScript 语句： 类似于内联表达式，事件处理器限制为一个语句。 有时也 阅读全文
摘要：
v-for 可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语法，形式为item in items，items 是数据数组，item 是当前数组元素的别名： 示例： 在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数 阅读全文
摘要：
条件渲染 v-if 在字符串模板中，如 Handlebars，我们得像这样写一个条件块： 在 Vue.js，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个 “else” 块： template v-if 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想 阅读全文
摘要：
Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用 v-bind 处理它们：我们只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind 用于 class 和 style 时，Vue.js 专门增强 阅读全文
摘要：
计算属性 在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。 基础例子 这里我们声明了一个计算属性 b。我们提供的函 阅读全文
摘要：
数据绑定语法 Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML，且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板，请记住这点。 插值 文本 数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号 阅读全文
摘要：
构造器 每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的根实例： 一个 Vue 实例其实正是一个 MVVM 模式中所描述的 ViewModel - 因此在文档中经常会使用vm 这个变量名。 在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、 阅读全文