vue computed 计算属性

使用方法：

 <div >
    <p>总价格：{{allPrice}}</p>
    <p>单价：{{price}}</p>
    <p>数量：{{num}}</p>
    <div>
      <button @click="num == 0 ? 0 : num--">减少数量</button>
      <button @click="num++">增加数量</button>
    </div>
  </div>
  <script>
    var vm = new Vue({
      el: '#app',
      data: {
        price: 20,
        num: 0
      },
      computed: {
        // 总价格allPrice
        allPrice () {
          return this.price * this.num
        }
      }
    })
  </script>