Vue ts 如何给 props 中的变量指定特定类型,比如 Interface 类的
我有一个这样的变量值类型
一、在没用 ts 之前的 props 类型指定方式
我们都知道之前在没用 ts 之前的 props
变量值类型指定方式:
如下图,billFood
定义方式是这样的,但无法给它指定具体的非常规 js 变量类型的类型,比如就无法给它指定上面的 EntityBillFood
类型,所以上面代码中的 .breakfast
.lauch
.dinner
.sum
都没有代码提示,还显示为错误。
二、给 ts 中的 vue props 指定特定任意类型
改成下面这样就可以了,提前定义一个 interface ,这个 Interface 将作用于 Props 的定义,这样上面的 .breakfast
.lauch
.dinner
.sum
都可以正常显示了。
官方说明