Vue ts 如何给 props 中的变量指定特定类型，比如 Interface 类的

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 都可以正常显示了。

官方说明