computed和watch

computed用于计算属性:
computed:{
name:{
get(){ 获取计算后的值
return this.firstname +""+ this.lastname
}
set(name){ 设置为计算后的值
return xxx
}
}
}
一般用于获取，数据进行计算后的值。最好不要设置容易报错。好处:响应式，即数据改变，页面不会重新渲染，但依旧更新

watch用于监听数据改变:
watch: {
user_info: {
handler(newvalue, oldvalue) { 监听变化，做出处理
console.log(“监听到数据改变”)
},
immediate: true, created阶段就先执行一次监听。不设置就是组件渲染完成才开始监听。
deep:true 即使是对象内部某个属性发生变化都会触发监听执行函数
}
},
一般用于监听数据改变。数据改变，向后台发起请求等等(所以说watch可以处理异步，computed不可以)