vue中的watch在创建时立即执行

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的watch在创建时立即执行相关的知识,希望对你有一定的参考价值。


1、普通监听

watch: {
	'value': function(o, n) {
		console.log(o, n);
	}
}

2、深度监听及立即执行

对value属性的监听会在value第一次变化后开始进行监听,如果想在创建时监听value,要使用handler 和immediate对value监听。immediate设为true,监听方法会在创建的时候执行handler里的方法。

watch: {
	value: {
		handler:function(o, n) {
			console.log(o, n);
		},
		deep: true, // 深度监听
		immediate: true, // 立即执行
	} 
}

3、相关链接

原文

以上是关于vue中的watch在创建时立即执行的主要内容,如果未能解决你的问题,请参考以下文章

vue watch原理

vue watch中deep和immediate的用法

Vue3官网-高级指南(十七)响应式计算`computed`和侦听`watchEffect`(onTrackonTriggeronInvalidate副作用的刷新时机`watch` pre)(代码片段

vue监听属性watch中的handler

vue之watch实现原理

Vue中的事件修饰符 键盘事件 监视属性watch 深度监视 简写