В какой момент срабатывает watch во vue 3 при множественном source?

Question

[egorkozelskij]

const store = usePiniaStore()
// const var1 = ref()
// const var2 = ref()
// const var3 = ref()

watch([
  () => store.var1,
  () => store.var2,
  () => store.var3,
], () => {
  console.log("Triggered")
})

// Некоторый метод, который меняет сразу три переменные
function somePiniaAction() {
   var1.value = "1"
   var2.value = "2"
   var3.value = "3"
}

1. Хочу, чтобы после каждого изменения переменной varN вызывался watch (3 вызова)
2. Хочу, чтобы watch вызвался только после того, как метод somePiniaAction отработал и все три переменные изменены.

Как контролировать такое поведение?

Answer 1

[SymphoGraph]

const trigger = ref(false) //for watch

function somePiniaAction() {
   var1.value = "1"
   var2.value = "2"
   var3.value = "3"
   trigger.value = !trigger.value
}

Comments

[egorkozelskij]

По умолчанию у меня watch срабатывает один раз после завершения метода.
То есть даже без bool флага такое поведение и получается.
А если наоборот - требуется, чтобы watch сработал 3 раза? (Пока что получилось добиться такого состояния прописанием 3ех отдельных ватчеров)

[SymphoGraph]

egorkozelskij, можно создать объект из этих переменных (это же как ссылка работает) и следить за объектом.

[Антон Антон]

если не хочется делать три вотчера, то можно сравнивать параметры функции-колбэка (там будет первым параметром массив из новых и вторым из старых значений, нереактивные)

[modelair]

в некоторых моментах также делаю