收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人
都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
- 第一个handler:其值是一个回调函数。即监听到变化时应该执行的函数。
- 第二个是deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
- 第三个是immediate:其值是true或false;确认是否以当前的初始值执行handler的函数。
对于immediate和deep,我有以下两点理解:
1,immediate设为true后,则监听的这个对象会立即输出,也就是说一刷新页面就会在控制台输出,当然此时页面上的数据我们还没来得及手动让其发生变化,所以在控制台输出的newValue为我们在代码中默认设置的值,oldValue输出为“undefined”。如
当我们手动改变newValue.id的值后,输出如下:
如果不设置immediate,或者将immediate设为false的话,则刷新页面后不会立即监听此对象,也就是控制台不会有输出,必须要监听的对象有值改变时控制台才会有输出。
2,deep设为true后,就可以深入监听了。简单点说,就是可以监听到对象里面的值的变化了。比如上面这个例子中,对象是“student”,这个对象里面的值有:id:1和studentName:‘李疆’,即
然后我们在中绑定student.studentName,如下
正常情况下,watch是不能直接监听到student对象中的studentName的,也就是说在页面改变studentName的值,控制台是不会有任何反应的。但是,如果我们设置deep为true后,此时在页面改变studentName的值,控制台就会输出studentName的值,也就是能够监听到student对象中的studentName。好像有点绕,,
先看一下运行结果:
附上代码:
<template>
<div class="about">
<!-- <h1>This is an about page</h1> -->
<p>username:<input type="text" v-model="username"> {{username}}</p>
<p>password:<input type="text" v-model="password"> {{password}}</p>
<p>age:<input type="text" v-model="age"> {{age}}</p>
<p>student.id:<input type="text" v-model="student.id"> {{student.id}}</p>
<p>student.studentName:<input type="text" v-model="student.studentName"> {{student.studentName}}</p>
</div>
</template>
<script>
export default {
data(){
return{
username:'lijiang',
password:'123',
age:21,
student:{
id:1,
studentName:'李疆'
}
}
},
methods:{
Test:function(newValue,oldValue){
console.log('newValue:%s,oldValue:%s',newValue,oldValue);
}
},
watch:{
username:function(newValue,oldValue){
console.log('username newValue:'+newValue+',username oldValue:'+oldValue);
**收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。**
![img](https://img-blog.csdnimg.cn/img_convert/80fbc9837de34b2bc7414537648ff1db.png)
![img](https://img-blog.csdnimg.cn/img_convert/aeabc2edd14b48903e79c70bdf5e1cc1.png)
**[如果你需要这些资料,可以戳这里获取](https://bbs.csdn.net/topics/618679757)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**
**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**
**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**