这篇文章给大家介绍Vue中computed与watch的作用是什么，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
为咸丰等地区用户提供了全套网页设计制作服务，及咸丰网站建设行业解决方案。主营业务为成都做网站、网站建设、外贸营销网站建设、咸丰网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
computed
计算属性：通过属性计算得来的属性
计算属性,是在相关联的属性发生变化才计算，计算过一次，如果相关属性没有变化，下一次就不需要计算了，直接去缓存的值
a:
b:
总和：{{sum()}}
总和：{{count}}
平均值：{{avg}}
单价：{{price}}
数量：
总价：{{sum}}
运费：{{free}}
应付：{{pay}}
data: {
a: '',
b:'',
c:'',
price: 28.8,
count: '',
free: 10
},
computed: {
count(){
console.log('计算属性触发了');
return this.a+this.b;
},
avg(){
return this.count/2;
},
sum(){
return this.price * this.count;
},
pay(){
if(this.count>0){
if(this.sum>=299){
return this.sum;
}else{
return this.sum + this.free;
}
}else{
return 0;
}
}
}
watch
属性变化，就会触发监听的函数。
监听属性变化，一般是用于跟数据无关的业务逻辑操作。
计算属性，适用于属性发生变化后，需要计算得到新的数据。
a:
b:
总和：{{count}}
name:
age:
