基于 Vue 类的组件无法读取 null 的属性"消息"

Question

我试图在我的Vue中使用typescript和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 {
}