为什么跟老师的代码(3-6)一致会有这个提示呢?

Question

Type ‘{ count: number; increase: () => void; double: ComputedRef; }’ is not assignable to type ‘DataProps’.
Types of property ‘double’ are incompatible.
Type ‘ComputedRef’ is not assignable to type ‘number’.

const data: DataProps = reactive({
  count: 0,
  increase: () => { data.count++ },
  double: computed(() => data.count * 2 ),
})

Answer 1

张轩 2020-10-06 15:29:04

同学你好 我觉得是不能版本对 reactive 的定义文件有不同，请问你本地是 vue 的什么版本（具体一点，可以看一下 node_modules/vue 里面的 package.json 文件）？ 或者你把代码上传 gitee 或者 github，我本地帮你看一下

• 慕尼黑5110603 #1

  老师，我也有一模一样的问题，工作区就直接报错了，应该怎么解决

• 张轩 回复 慕尼黑5110603 #2

  方便的话 请提供一下源代码（git），我帮你在本地看一下

• 慕尼黑5110603 回复 张轩 #3

  啊老师我已经解决了谢谢您，还想请问一下第七章以后的文档大概什么时候能看到呀

点开查看后面1条评论

Answer 2

张轩 2020-10-04 21:26:10

同学请给我看下你的 interface 是怎么写的欧

• 提问者 同步MU #1

  interface DataProps {
    count: number;
    double: number;
    increase: () => void;
    numbers: number[];
    person: { name?: string };
  }

• MrDan 回复 提问者 同步MU #2

  解决了吗，我的也会

Answer 3

慕莱坞0998854 2020-10-04 21:23:30

老师的代码没有ComputedRef吧？你是不是抄错了？你的DataProps是怎么写的？

• 提问者 同步MU #1

  鼠标放上去有提示，但不影响程序正常运行