代码之家 › 专栏 › 技术社区 › Chris Westbrook

如何让复杂类型初始化并在vue中声明数据。js模块

vuejs2 vue.js typescript

Chris Westbrook · 技术社区 · 7 年前

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

如果我这样做

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

一切正常,但如果我这样做

currBudget: Budget;

哪里 预算 是导入到组件中的类,即使 预算 类中声明了相同的字段,并将其设置为默认值。

typescript中是否存在某种奇怪的语法,而这种语法是行不通的?我需要申报吗 预算 作为接口?

1 回复 | 直到 7 年前

acdcjunior Mukul Kumar 7 年前

语法

currBudget: Budget;

仅声明 currBudget 从类型开始 Budget 。它不会初始化它。

要定义其类型并对其进行初始化,请执行以下操作:

currBudget: Budget = new Budget();

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前