2

我有一个 .vue 组件，它正在被导入另一个 .vue 组件/SFC 或任何你想称呼它的东西。使用 Stencil/React，您可以使用 JSX/TSX 创建组件，当导出特定组件时，您将获得一个定义文件，该文件将为您提供 typescript 推断特定组件使用的道具所需的信息。

App.vue file
<template>
   <Child :name="Vue">
<template/>

Child.vue file

<template>
   <div>
      {{ name }}
   </div>
<template/>

我没有写其余的代码，因为这是不言自明的（我希望 :)）

我想要的是当我尝试做的时候：

<Child :name="2">

它应该抛出一个编译错误/IDE会出错，或者其他什么。我不想依赖 Vue 运行时告诉我我在那里插入了一个数字而不是一个字符串。我也不想写依赖于为 Vetur 编写 .json 文件，例如基于它来读取和自动完成。

有了这些限制，Vue 和工具的当前状态，这可能吗？也许只更改为 Vue + TSX ？此外，如果您知道 TSX + Vue 的任何可靠入门者，那就太棒了。

谢谢！

4

0 回答 0