Vue之计算属性

计算属性

模板是视图的结构，不应该过多的逻辑，太多的逻辑让模板过于庞大臃肿，所以有时候计算属性就很有作用。

例子：

<div id="test">
  a={{ a }}, b={{ b }}
</div>

var vm = new Vue({
  el: '#test',
  data: {
    a: 100
  },
  computed: {
    // 一个计算属性
    b: function () {
      // `this` 指向 vm 实例
      return this.a + 1
    }
  }
})

结果：
a=100,b=101

b 的改变依赖a,当vm中的a改变时，b也会随之而改变