小编ben*_*l22的帖子

我在我的一个组件中使用 Vue 组合 API，但在让组件根据计算的 prop 更改显示正确的渲染值时遇到一些问题。看来，如果我将 prop 直接输入到组件渲染中，它会按应有的方式做出反应，但当我将它传递给计算属性时，它不会。

我不确定为什么这是因为我期望它在计算属性中也是反应性的？

这是我的代码：

应用程序.vue

<template>
  <div id="app">
    <Tester :testNumber="testNumber" />
  </div>
</template>

<script>
import Tester from "./components/Tester";

export default {
  name: "App",
  components: {
    Tester,
  },
  data() {
    return {
      testNumber: 1,
    };
  },
  mounted() {
    setTimeout(() => {
      this.testNumber = 2;
    }, 2000);
  },
};
</script>

测试器.vue

<template>
  <div>
    <p>Here is the number straight from the props: {{ testNumber }}</p>
    <p>
      Here is the number when it goes through computed (does not …