新手向：Vue 2.0 的建议学习顺序 - 尤雨溪的文章 - 知乎 https://zhuanlan.zhihu.com/p/23134551

一些笔记

计算属性和侦听器

我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。

组件基础

一个组件的 data 选项必须是一个函数。因此每个实例可以维护一份被返回对象的独立的拷贝。
每个组件必须只有一个根元素。

条件渲染

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。

Vue 为你提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key attribute 即可

不推荐同时使用 v-if 和 v-for

列表渲染

建议尽可能在使用 v-for 时提供 key attribute，除非遍历输出的 DOM 内容非常简单，或者是刻意依赖默认行为以获取性能上的提升。
不要使用对象或数组之类的非基本类型值作为 v-for 的 key。请用字符串或数值类型的值。

事件修饰符

尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。
为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。

  • .stop
  • .prevent
  • .capture
  • .self
  • .once
  • .passive

    表单输入绑定

    你可以用 v-model 指令在表单 、