watch里面的deep和immediate作用及说明
更新时间：2024年08月07日 10:24:24 作者：扛把子小雪
这篇文章主要介绍了watch里面的deep和immediate作用及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
watch里面的deep和immediate作用
先看下问题
faterVisible:这个是父组件中传值到子组件中的监听父组件的打开状态的值
首次父组件打开时，没有加immediate时，不会走对应的方法，第二次打开时才会执行
于是，我加了immediate。。。这样问题就解决了呢
watch属性deep和immediate区别
deep：默认值是 false，代表是否深度监听。immediate：true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑定的时候就执行。
watch中的immediate、handler和deep属性
immediate属性
使用watch时有一个特点，就是当值第一次绑定时，不会执行监听函数，只有值发生改变时才会执行。
如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。
handler属性
watch中需要具体执行的方法
deep属性
data（） {
return {
obj: {
'name': "超级无敌暴龙战士",
'age': 999
},
}
},
watch: {
obj: {
// 执行方法
handler(oldValue,newVal) {
console.log(oldValue)
console.log(newValue)
},
deep: true, // 深度监听
immediate: true // 第一次改变就执行
}
// 如果只需要监听对象中的一个属性值，则可以做以下优化：使用字符串的形式监听对象属性：
'obj.name': {
// 执行方法
handler(oldValue,newVal) {
console.log(oldValue)
console.log(newValue)
},
deep: true, // 深度监听
immediate: true // 第一次改变就执行
}
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue-loader中引入模板预处理器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了Vue中.prettierrc文件的常见配置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
这篇文章主要介绍了vue中内网/局域网/离线的情况下使用及建立项目方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要为大家详细介绍了Vue3中的计算属性和属性监听的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-08-08
件间传参是vue开发过程中一个很常见的应用,对于我们后端开发来说,每次看到这种组件传参的代码就一头雾水,下面这篇文章主要给大家介绍了关于VUE3传值相关的6种方法,需要的朋友可以参考下2023-04-04
文章介绍了如何使用Vue Router进行声明式导航,并详细讲解了如何通过`router-link`组件实现导航高亮、自定义高亮类名、查询参数传参和动态路由传参,此外,还提到了动态路由参数的可选符2025-11-11
在开发过程中,绑定账号和电脑的功能可以通过获取电脑的MAC地址实现,下面这篇文章主要介绍了vue前端获取不同客户端mac地址的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-10-10
vue使用iview的modal弹窗嵌套modal出现格式错误的解决
这篇文章主要介绍了vue使用iview的modal弹窗嵌套modal出现格式错误的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在我们一般开发的系统界面里面，列表页面是一个非常重要的综合展示界面，包括有条件查询、列表展示和分页处理，以及对每项列表内容可能进行的转义处理，本篇随笔介绍基于Vue +Element基础上实现表格列表页面的查询，列表展示和字段转义处理。2021-05-05
vue 是一个 渐进式的javascript框架，脚手架是一个通用概念，帮助搭建项目的工具，本文以vue2为例结合实例代码给大家详细讲解，感兴趣的朋友跟随小编一起看看吧2022-12-12
最新评论