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

022:尚硅谷watchEffect响应式监控学习示例

Browse Source
This commit is contained in:
heiye111
2025-10-02 16:00:23 +08:00
parent 20907407c7
commit a62bda33c8
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Person.vue
View File

@@ -18,7 +18,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, watch } from 'vue' import { reactive, watchEffect } from 'vue'
let person = reactive({ let person = reactive({
name: 'John', name: 'John',
age: 25, age: 25,
@@ -52,9 +52,14 @@
// 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,()=>person.name], (newValue, oldValue) => { // watch([person.car,()=>person.name], (newValue, oldValue) => {
console.log('汽车变化了:', newValue, oldValue) // console.log('汽车变化了:', newValue, oldValue)
},{deep:true}) // },{deep:true})
watchEffect(()=>{
if(person.age>200){
console.log('年龄大于200')
}
})
</script> </script>