watch

watchImmediate

immediate 默认为 true 的 watch 方法

示例

import { watchImmediate } from '@mixte/use';

const obj = ref(1);

watchImmediate(obj, (val) => {
  console.log(val); // -> 将依次输出 1, 2
});

obj.value = 2;

// 当前写法
watchImmediate(obj, (val) => {
  console.log(val);
});

// 相当于这种写法
watch(obj, (val) => {
  console.log(val);
}, {
  immediate: true
});

watchDeep

deep 默认为 true 的 watch 方法

示例

import { watchDeep } from '@mixte/use';

const obj = ref({ a: 1 });

watchDeep(obj, (val) => {
  console.log(val); // -> 将输出 { a: 2 }
});

obj.value.a = 2;

// 当前写法
watchDeep(obj, (val) => {
  console.log(val);
});

// 相当于这种写法
watch(obj, (val) => {
  console.log(val);
}, {
  deep: true
});

watchImmediateDeep

immediate 和 deep 都为 true 的 watch 方法

示例

import { watchImmediateDeep } from '@mixte/use';

const obj = ref({ a: 1 });

watchImmediateDeep(obj, (val) => {
  console.log(val); // -> 将依次输出 { a: 1 }, { a: 2 }
});

obj.value.a = 2;

// 当前写法
watchImmediateDeep(obj, (val) => {
  console.log(val);
});

// 相当于这种写法
watch(obj, (val) => {
  console.log(val);
}, {
  immediate: true,
  deep: true
});