我们有时使用vue的watch，可能要对一个对象的多个属性进行监听

这样我们就可以使用深度监听

<script>
export default {
data() {
return {
// 表单数据存储
formData: {
username: '',
                                password: ''
}
};
},
watch: {
formData: {
handler: 'cutValue',
deep: true
}
},
methods: {
// 监听formData
cutValue() {
console.log(this.formData);
}
}
};
</script>

当我们的formData.username或者formData.password发生变化时，就会调用cutValue函数，打印我们的formData