计算属性和监视：

1. 计算属性

  在computed属性对象中定义计算属性的方法

  在页面中使用{{方法名}}来显示计算的结果

2. 监视属性:

  通过通过vm对象的$watch()或watch配置来监视指定的属性

  当属性变化时, 回调函数自动调用, 在函数内部进行计算

3. 计算属性高级:

  通过getter/setter实现对属性数据的显示和监视

  计算属性存在缓存, 多次读取只执行一次getter计算

class与style绑定：

1. 理解

  在应用界面中, 某个(些)元素的样式是变化的

  class/style绑定就是专门用来实现动态样式效果的技术

2. class绑定: :class='xxx'

  xxx是字符串

  xxx是对象

  xxx是数组

3. style绑定

  :style="{ color: activeColor, fontSize: fontSize + 'px' }"

  其中activeColor/fontSize是data属性、

条件渲染：

1. 条件渲染指令

  v-if

  v-else

  v-show

2. 比较v-if与v-show

  如果需要频繁切换 v-show 较好

列表渲染：

1. 列表显示

  数组: v-for / index

  对象: v-for / key

2. 列表的更新显示

  删除item

  替换item