使用Vue +打字稿和Vue组件时的类型推断

时间:2020-03-22 18:25:28

标签: typescript vue.js vuejs2 vetur

我有一个.vue组件,正在将其导入到另一个.vue组件/ SFC或任何您想调用的组件中。使用Stencil / React,您可以使用JSX / TSX创建组件,并且在导出特定组件时,将获得一个定义文件,该文件将为您提供打字稿推断某些组件所使用的道具所需的信息。

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的任何扎实的入门者,那就太好了。

谢谢!

0 个答案:

没有答案