vue中watch和computed的区别？

1.共同点：都能实现对数据的监听

{{ userName  }}

data(){
	return {
		firstName:"Li",
		lastName:" si ",
		userName:""
	}
}


watch:{
 	firstName(val){
 		this.firstName = val
 		this.userName = this.firstName +this.lastName
 	},
 	lastName(val){
 		this.lastName= val
 		this.userName = this.firstName +this.lastName
 	},
}

{{ userName  }}

data(){
	return {
		firstName:"Li",
		lastName:" si "
	}
},
computed:{
 	userName(){
 		return this.firstName +this.lastName
 	}
},

以上就是一个简单的demo,都可以实现对数据的计算和处理，那么computed会对数据进行缓存和一个方法处理多个数据

watch:两个方法处理两个数据

不同点：

ajax请求时，
conputed无法对异步数据进行缓存
watch用起来会比较好