typescript - 如何获取复杂类型以在 vue.js 模块中初始化和声明数据

Question

我正在尝试使用我在 TypeScript 中创建的名为 Budget 的类来初始化模块的数据。

如果我做类似的事情

currBudget: {} = { id: 20, name: 'Chris' };

一切正常，但如果我这样做了

currBudget: Budget;

其中 Budget 是导入到组件中的类，即使 Budget 类中声明了相同的字段，它也不会使数据可用，并且设置为默认值。

typescript 中是否存在某种无法正常工作的奇怪语法？我是否需要将 Budget 声明为接口(interface)？

Answer 1

语法

currBudget: Budget;

仅将 currBudget 声明为 Budget 类型。它不会对其进行初始化。

要定义它的类型并初始化它，请执行:

currBudget: Budget = new Budget();