【vue3】watchEffect只监听一次的方法

import { watchEffect } from 'vue'
let data = ref('')
watchEffect(() => {
	console.log(data.value)
	...  // 要利用data.value执行的操作,而且还必须在watchEffect里面执行
})

watchEffect是只要监听的数据发生变化,就会执行操作,但是某些情况下只想执行一次,就可以用以下操作

let flag = true
watchEffect(() => {
	if(flag) {
		data.value =  '获取到data.value第一次变化的值'
		if(data.value) {
			... // 执行获取到data.value之后要做的操作
		}
	}
})

你可能感兴趣的:(vue3+ts,javascript,前端,vue.js)