javascript - Vue.js typescript 界面不工作

Question

有谁知道在 vue.js 中为数据属性创建类型的语法是什么(应用程序是用 typescript 编写的)？我正在寻找类似的东西:

@Component({
  data() {
    return {
      sections: Array<SomeInterface> = []
    }
  }
})

但是 vue 将类型视为值，我很困惑如何处理它。

Answer 1

您不能像往常一样在类型之前使用 :，因为语法与 JavaScript 的 key: value 对象字面量语法冲突。您可以通过将空数组 [] 强制为 SomeInterface[] 类型来使用类型推断:

@Component({
  data() {
    return {
      sections: [] as SomeInterface[]
    }
  }
})