[Vue]计算属性computed(九)

computed

处理元数据，便于进行二次利用(比如：消费税自动计算功能)

源代码

<div id="myApp">
  今天是3月3日发卖的任天堂新一代主机Switch的价格是:{{price}}日元，含税价格为:{{priceInTax}} 日元，折合人民币为:{{priceChinaRMB}}元。
</div>
<script>
  var myApp = new Vue({
    /*绑定标签的id*/
    el: '#myApp',
    /*标签上绑定的数据*/
    data: {
      price: 29980
    },
    computed: {
      priceInTax: function () {
        return this.price * 1.08
      },
      priceChinaRMB: function () {
        /*Math.round取整*/
        return Math.round(this.priceInTax / 16.75);
      },
    },
  });
</script>

END