vue中computed的使用

computed

计算属性a和data中的数据用法一样。计算属性在computed中进行定义，template中直接可进行使用，使用方式与data中定义的数据一样。

看似函数，实质是属性。

简单举一个例子

 computed 返回 定义的数值 并 除以 2

<template>  
  <div>  
    <view>My number: {{ myNumber }}</view>  
    <view>Half of my number: {{ halfOfMyNumber }}</view>  
  </div>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      myNumber: 10    //原值
    };  
  },  
  computed: {  
    halfOfMyNumber() {  //这个值不需data定义就可以用
      return this.myNumber / 2;    }  //  做出计算
  }  
};  
</script>

效果图