vue.js - vue.js - 在运行时设置响应性

Question

如果有我想在运行时以编程方式设置我的“反应性”的情况。

我想要一个类似的函数：dependsOn(dataValName, someOtherDataVal) 如果 someOtherDataVal 发生变化，那么 dataValName 会更新。例如，dependsOn('a', 'b') 如果 b 的值发生变化，则重新显示/更新 a。

有这样的功能吗？

标签： vue.js

Answer 1

您的问题含糊不清，但您可能需要的是计算属性。Vue 会自动检测计算属性的依赖关系。例如，这里不需要显式：

new Vue({
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe',
    }
  },
  computed: {
    fullName() {
      return `${ firstName } ${ lastName }`;
    }
  }
})

任何时间firstName或lastName更改，计算的属性fullName也将被重新评估。