javascript - Vue 有没有类似于 Svelte 的命运算子的东西？

Question

svelte 中的这一单行代码将在 someVar 的值发生变化时执行。

$: console.log({someVar});

Svelte 将此称为响应式声明，标签后的代码$，即 Svelte 所称的“命运运算符”，将在其中引用的任何变量发生变化时执行。

这对于调试非常有用。Vue有类似的东西吗？

标签： javascriptvue.jssvelte

Answer 1

最相似的 API 可能是watchEffect()：

watchEffect(() => console.log(someVar.value))

例子：

<script setup>
import { ref, watchEffect } from 'vue'
const someVar = ref(0)
watchEffect(() => console.log(someVar.value))
</script>

<template>
  <button @click="someVar++">Increment {{ someVar }}</button>
</template>

演示