vue watch监听中 immediate, deep, hander的作用

1. immediate

immediate的值默认是false,在第一次进入页面页面时,如果没有发生数据变化watch并不会立即监听只有发生数据改变,hander才会有操作,但是如果将immediate设置为true,在第一次进入页面时就会绑定值.

 watch: {a: {handler(newVal, oldVal) {console.log(oldVal)console.log(newVal)},immediate: false, // 值为true或false，默认falsedeep: false // 值为true或false，默认false}},

2.deep

deep就是用来深度监听的,默认值为false.

vue是不能检测到对象属性的添加或删除，我们使用watch监听一个对象时，除非是直接重新给对象赋值，否则是不能监听到对象里的值的变化的,

3.handler

就是watch中用来监听事件变化的当中有两个参数oldVal是用来看修改前的值是多少,newVal是用获取修改后的数值是多少.

点击后可以得到结果:

vue watch监听中 immediate, deep, hander的作用相关推荐

在vue页面监听中如何修改子元素的样式
项目原先代码: 需要实现的是导航栏在页面下滑到一定位置的时候,对其样式进行修改父组件system.vue页面 <template> <div><div id=" ...
Vue watch监听详解，一篇文章彻底搞懂Vue2/Vue3中的watch监听
watch监听在vue2和vue3中的用法详解(全) Vue2中的watch用法 Vue3中的watch用法首先写一个vue页面 <template><div><h1& ...
Vue.js 监听属性简单实例
Vue.js 监听属性 watch,可以通过 watch 来响应数据的变化. watch:用来监听每一个属性的变化 watch这个对象里面都是函数,函数的名称是data中的属性名称,watch ...
Vue 深度监听和初始绑定
vue的监听属性普通方式无法监听对象内部属性的改变,并且初始化时不会监听数据对象. vue为监听属性提供了一种对象方法 watch: {'option.size': {// handler为默认执行的 ...
vue动态监听窗口高度 - 全背景banner
vue动态监听窗口高度 - 全背景banner 参考项目文件 src/hr/index.vue [结合下文:第一种方法] 第一种方法:[本文手写代码] data() {return {screenHe ...
VUE 全局监听sessionStorage变化
VUE 全局监听sessionStorage变化另参考: (转)vue中监听sessionStorage的变化
监听关闭页面事件 ajax,Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
网上很多博客说监听窗口关闭事件使用window.beforeunload,但是这个监听事件也会在页面刷新的时候执行,经过百度和自己的实际测试, 终于解决了这个问题,代码如下: mounted() { ...
hadoop中的9000端口代表什么_启动hadoop后，fs.defaultFS中配置的9000端口没有出现在监听中？...
我是在虚拟机上安装的完全分布式的集群. 3个虚拟机,OS是CentOS 6.6,仅仅安装了Hadoop2.6.4.Hbase.zookeeper等等都没装. iptables, selinux等等都关 ...
事件监听中的冒泡流和捕获流有趣现象
事件监听中的冒泡流和捕获流有趣现象这两天在看js权威指南的时候看见addEventListener的第二个参数为使用哪一种事件流,实践了一下,然后想到一个有趣的事,如果两个一起用会怎么样. 首先看看 ...

vue watch监听中 immediate, deep, hander的作用

1. immediate

2.deep

3.handler

vue watch监听中 immediate, deep, hander的作用相关推荐

最新文章

热门文章