Question

我用typescript开始了一个vue.js项目，我想使用单个文件组件，而不是类样式的组件。尝试使用“ this”关键字引用组件的数据时，我不断收到错误TS2339：

export default { 
  data(){ 
    return { x: 10 as number };
  },
  methods: {
    foo() {
      if(this.x > 10) {
        return this.x;
      }
    }
  }
}

它总是导致“ TS2339属性'x'在类型'CombinedVueInstance中不存在”

Answer 1

official documentation中简要说明了其不起作用的原因。

您需要在SFC中使用以下语法

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({

})
</script>

如何使用Typescript从Vue中的组件方法中引用组件的数据？

1 个答案: