Skip to content

watch

watchImmediate

immediate 默认为 true 的 watch 方法

示例

ts
import { 
watchImmediate
} from '@mixte/use';
const
obj
=
ref
(1);
watchImmediate
(
obj
, (
val
) => {
console
.
log
(
val
); // -> 将依次输出 1, 2
});
obj
.
value
= 2;
ts
// 当前写法
watchImmediate
(
obj
, (
val
) => {
console
.
log
(
val
);
}); // 相当于这种写法
watch
(
obj
, (
val
) => {
console
.
log
(
val
);
}, {
immediate
: true
});

watchDeep

deep 默认为 true 的 watch 方法

示例

ts
import { 
watchDeep
} from '@mixte/use';
const
obj
=
ref
({
a
: 1 });
watchDeep
(
obj
, (
val
) => {
console
.
log
(
val
); // -> 将输出 { a: 2 }
});
obj
.
value
.
a
= 2;
ts
// 当前写法
watchDeep
(
obj
, (
val
) => {
console
.
log
(
val
);
}); // 相当于这种写法
watch
(
obj
, (
val
) => {
console
.
log
(
val
);
}, {
deep
: true
});

watchImmediateDeep

immediate 和 deep 都为 true 的 watch 方法

示例

ts
import { 
watchImmediateDeep
} from '@mixte/use';
const
obj
=
ref
({
a
: 1 });
watchImmediateDeep
(
obj
, (
val
) => {
console
.
log
(
val
); // -> 将依次输出 { a: 1 }, { a: 2 }
});
obj
.
value
.
a
= 2;
ts
// 当前写法
watchImmediateDeep
(
obj
, (
val
) => {
console
.
log
(
val
);
}); // 相当于这种写法
watch
(
obj
, (
val
) => {
console
.
log
(
val
);
}, {
immediate
: true,
deep
: true
});

Released under the MIT License.