Question

我试图在我的Vue中将打字稿与Vue一起使用（我是新手），但是出现问题，因为这似乎是范围问题。我可能错了。我以VueJS的一个小例子为例，使其遵循

无法读取null的属性“ message””

<template>
    <button @click="onClick">Click!</button>
</template>
<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'
export default class MyComponent extends Vue {
  // Initial data can be declared as instance properties
  message: string = 'Hello!'

  // Component methods can be declared as instance methods
  onClick (): void {
    window.alert(this.message)
  }
}
</script>

我想念什么？

Answer 1

在定义MyComponent之前，您错过了组件装饰器的作用：

@Component
export default class MyComponent extends Vue {

}

基于Vue类的组件无法读取null的属性“ message”

1 个答案: