**VUE之computed一次问题和watch应用与区别**

VUE之computed一次问题和watch应用与区别

Computed属性

Computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理.需要注意的是有缓存问题，在系统运行时调用一次，只有当计算结果发生变化时才会被调用
记录一次问题

<div class="orgCode">
  <span>任务类型:</span>
  {{taskTypeName}}
</div>
computed:{
  taskTypeName(){
    return this.$store.state.completedTabCode.text
  },
}

**注：**如果在data里面定义变量为空就会报错，name也会显示不了

Computed比较适合对多个变量或者对象进行处理后返回的一个结果值，也就是多个变量中的某一个值发生了变化则我们监控的这值也会发生变化
与Watch的区别

Watch 主要是监控vue实例的变化，它监控的变量必须在data里面声明才可以，它可以监控一个变量，一个对象。只能监控整个对象或者单个变量，不能监控对象里面的属性