• 标注返回值

    标注返回值

    因为 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 选项将会帮助你找到这些未标注的方法。