1. 模板语法

1.1 插值

文本插值使用Mustache语法（双大括号）
原始HTML使用v-html绑定
使用v-bind指令绑定HTML元素特性

1.2 缩写

v-bind的缩写与v-on的缩写

---

2. 计算属性与侦听器

2.1 计算属性 VS 方法

计算属性是基于他们的依赖进行缓存的，只有在依赖发生相应变化时才重新求值；调用方法总会再次执行函数。

2.2 计算属性的setter

计算属性默认只有getter，在需要时也可以提供setter。

2.3 侦听器

当需要在数据变化时执行异步或者开销很大的操作，watch选项是最有用的。

---

3. 条件渲染

3.1 用key管理可复用的元素

如果希望元素完全独立，不被复用，可以给元素添加具有唯一值的key属性。

3.2 v-show VS v-if

v-if 与 v-show的对比

---

4. 列表渲染

4.1 数组与对象的遍历（可以只提供第一个参数）

数组：（item, index） in arr
对象： （value, key, index） in obj

4.2 数组检测更新

Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法有push、pop、shift、unshift、sort、splice、reverse。
对于一些非变异的方法如filter、concat等可以使用新数组替换掉原来的数组。
注意事项：
直接使用索引或者修改数组的长度Vue不能检测到变动的数组。
（第一个的解决方法是使用Vue.$set()设置，第二个的解决方法是使用splice来更改数组长度）

4.3 对象更改检测注意事项

Vue不能检测对象属性的添加或者删除。但是，可以使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性。
如果需要使用Object.assign添加多个属性，应当使用如下的方法

this.obj = Object.assign({}, this.obj, {x: "xx"})

4.4 is特性的使用

有些 HTML 元素，诸如 <ul>、<ol>、<table> 和 <select>，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 <li>、<tr> 和 <option>，只能出现在其它某些特定的元素内部。is特性提供了变通的方法。

<table>
  <tr is="blog-post-row"></tr>
</table>