标注返回值

因为 Vue 的声明文件天生就具有循环性，TypeScript 可能在推断某个方法的类型的时候存在困难。因此，你可能需要在 render 或 computed 里的方法上标注返回值。

  1. import Vue, { VNode } from 'vue'
  3. const Component = Vue.extend({
  4.   data () {
  5.     return {
  6.       msg: 'Hello'
  7.     }
  8.   },
  9.   methods: {
  10.     // 需要标注有 `this` 参与运算的返回值类型
  11.     greet (): string {
  12.       return this.msg + ' world'
  13.     }
  14.   },
  15.   computed: {
  16.     // 需要标注
  17.     greeting(): string {
  18.       return this.greet() + '!'
  19.     }
  20.   },
  21.   // `createElement` 是可推导的，但是 `render` 需要返回值类型
  22.   render (createElement): VNode {
  23.     return createElement('div', this.greeting)
  24.   }
  25. })

如果你发现类型推导或成员补齐不工作了，标注某个方法也许可以帮助你解决这个问题。使用 —noImplicitAny 选项将会帮助你找到这些未标注的方法。