heiye/hello_vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

021:尚硅谷watch监控情况5学习示例

Browse Source
This commit is contained in:
heiye111
2025-10-02 15:36:29 +08:00
parent 22857ff559
commit 20907407c7
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Person.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="person"> <div class="person">
<h1>情况4示例</h1> <h1>情况5示例</h1>
<h2>姓名：{{ person.name }}</h2> <h2>姓名：{{ person.name }}</h2>
<h2>年龄：{{ person.age }}</h2> <h2>年龄：{{ person.age }}</h2>
<h2>汽车：{{ person.car.c1 }}---{{ person.car.c2 }} </h2> <h2>汽车：{{ person.car.c1 }}---{{ person.car.c2 }} </h2>
@@ -49,10 +49,10 @@
c2: '法拉利' c2: '法拉利'
} }
} }
watch(()=>person.age, (newValue, oldValue) => { // watch(()=>person.age, (newValue, oldValue) => {
console.log('person changed:', newValue, oldValue) // console.log('person changed:', newValue, oldValue)
}) // })
watch(()=>person.car, (newValue, oldValue) => { watch([person.car,()=>person.name], (newValue, oldValue) => {
console.log('汽车变化了:', newValue, oldValue) console.log('汽车变化了:', newValue, oldValue)
},{deep:true}) },{deep:true})