Vue在基于类的组件上寻找数据属性

Question

我在VueJ的基于TypeScript的类组件上寻找data属性时遇到问题。

我有以下非常简单的组件：

import { Component, Vue } from 'vue-property-decorator';

@Component
export default class ExampleComponent extends Vue {
public personModel: PersonModel;
    constructor() {
      super();
      this.personModel = new PersonModel();
    }
  }
}

但是，当我运行它时，在浏览器中出现以下错误：

  

[Vue警告]：在实例上未定义属性或方法“数据”   但在渲染期间引用。确保此属性是   在data选项中或对于基于类的组件，通过   初始化属性。看到：   https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。

我查看了其他票证，这些票证建议使用构造函数来初始化属性，这已经完成了，但这无济于事。

在Chrome中调试时，您会看到Vue仍在查看_vm.data.personModel。 data当然是undefined，我的理解是，使用基于类的方法，我不需要定义data。

任何对我做错事情的见解都会受到赞赏。