有个疑问，一个可以加括号，另一个加括号就报错

Question

<script lang="ts">
import { ref, computed, reactive, toRefs } from "vue";
interface DataProps {
  count: number;
  double: number;
  increase: () => void;
  numbers: number[];
  person: { name?: string };
}
export default {
  name: "App",
  setup() {

    const data: DataProps = reactive({
      count: 0,
      increase: () => { data.count++ },
      double: computed(() => data.count * 2 ),
      numbers: [1, 2, 3],
      person: {}, //初始空对象
    });
    data.numbers[0] = 5; //第一项更新成5
    data.person.name = "Test";

    const refData = toRefs(data);

    return {
      ...refData,
    };
  },
};
</script>

请问，setup()函数里面的
double: computed(() => data.count * 2 )
加括号写成
double: computed(() => {data.count * 2} ),
就报错，而increase 后面的increase: () => { data.count++ }, 可以加大括号，这是什么原因呢

Answer 1

张轩 2020-10-06 16:37:18

同学你好 需要加强基础知识学习欧 不加括号 其实默认等于  computed(() => { return data.count * 2}) 也就是说它返回的是 number 类型，正好和你的 type 对应的 double: number;  后面你加了括号，它是没有返回的，也就是 void，这时候 void 不等于 number，所以报错。 而 increase: () => { data.count++ } 它也没有返回所以是个 () => void 类型，和你的定义正好相同。所以不会报错。

• 提问者 Sam元 #1

  非常感谢！