想要使用watch监听需要引入watch：
import {watch} from "vue";
监听某一个变量（浅层监听）：
watch(变量名, (newValue, oldValue)=>{...})
我们监听变量num，通过输入input去改变num的值：
监听对象中的某一个属性（深度监听）：
watch(()=>变量名.value.属性名, (newValue, oldValue)=>{...})
如果我们想要对该对象的所有属性都进行深度监听，则使用如下写法：
watch(变量名, (newValue, oldValue)=>{...}, {deep:true})
我们使用如下写法以后修改person中的所有属性都会触发watch：
注意：开启全属性深度监听会在一定程度上降低代码的性能
程序启动时立即进行一次监听：
watch(变量名, (newValue, oldValue)=>{...}, {deep:true, immediate:true})