基于这个issue，就不需要那个装饰器了，而且版本3的导入也不同

<template>
  <div>{{ message }}</div>
 
</template>

<script lang="ts">

import { Vue } from 'vue-class-component'

export default class HelloWorld extends Vue {
  message="Hello World"
}
</script>

这让我抓狂。我已经在VS Code中愉快地使用Vue和TypeScript有一段时间了，我想我应该再尝试一下使用类样式的组件。

或者很多人建议使用这种旧格式：

这太令人沮丧了！我确信如果我精通TypeScript，我可以调试Vue文件，但肯定的是，关键是他们提供了一个黑盒解决方案？
但是经过几个小时的搜索，当我准备给予的时候，我发现了帕特里斯·费莱在www.example.com上发布的这篇文章dev.to:

<script lang="ts">
import { Component, Vue } from 'vue-facing-decorator'

@Component
export default class ClassComponentExample extends Vue {
  message = 'wow'
}
</script>

而且很有效！原来你现在需要使用vue-facing-decorator。谁知道呢？