Vue:watch监视

1
<script setup lang="ts">
2
import { ref,watch} from 'vue';
3
let num2 = ref('0'); // 用于存储二进制字符串
4
watch(num2,(newvalue,oldvalue)=>{
5
    console.log(num2+'和新数据'+newvalue+'和旧数据'+oldvalue);
6
})
7
</script>

1
[object Object]和新数据和旧数据0
2
Change.vue:19 [object Object]和新数据1111011和旧数据
3
Change.vue:19 [object Object]和新数据11110000101101001和旧数据1111011
4
Change.vue:19 [object Object]和新数据1和旧数据11110000101101001

1
let person=ref({
2
    name:'李四',
3
    age:30
4
})
5
watch(num2,(newvalue,oldvalue)=>{
6
    console.log(num2+'和新数据'+newvalue+'和旧数据'+oldvalue);
7
})
8
function changeAge(){
9
    person.value.age++;
10
}
11
function changeName(){
12
    person.value.name+='~';
13
}
14
function changePerson(){
15
    person.value={
16
        name:'王二',
17
        age:90
18
    }
19
}
20
watch(person,(newvalue,oldvalue)=>{
21
    console.log(newvalue+'和'+oldvalue);
22
})

1
watch(person,(newvalue,oldvalue)=>{
2
    console.log(newvalue+'和'+oldvalue);
3
},{deep:true})