Vue---计算属性

1、计算属性与vue某个属性绑定，实时依赖。
2、如果vue的属性不变的话，计算属性不会进行计算，而是返回已缓存的值。

计算属性computed,和 method在表象上是一样的。
但是区别在于：
method不管属性值变与不变都会执行计算；
computed当属性不变的时候会返回已缓存的计算结果，不进行重复计算。

## html
<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>

## js
var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // a computed getter
    reversedMessage: function () {
      // `this` points to the vm instance
      //假设这里是大规模计算,
      return this.message.split('').reverse().join('')
    }
  }
})