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

Question

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

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

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

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

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

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

我看过其他票，建议使用构造函数来初始化属性，我已经这样做了，但这没有帮助。

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

对我做错了什么的任何见解将不胜感激。

标签： typescriptvue.jsvuejs2