Vue3中watch的使用

Vue3中watch的使用

基本用法没有改变，举例选项API中我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数。
// 强制立即执行回调
immediate: true
//访问被 Vue 更新之后的 DOM
flush: ‘post’

	watch: {
	    // 每当 question 改变时，这个函数就会执行
	    question(newValue, oldValue) {
			handle(){},
		    // 强制立即执行回调
	     	 immediate: true,
	     	 //访问被 Vue 更新之后的 DOM
    		 flush: 'post'
		}
	  }

我新发现了一个this.$watch可以在生命周期里单独创建对某个属性的监听，这个感觉挺好用的。

this.$watch('question', (newValue) => {}

停止监听

在需求的问题需要再某种情况下停止监听可以使用，一般都是在组件卸载的时候停止监听。

const unwatch = this.$watch('question', callback)
// ...当该侦听器不再需要时
unwatch()