我有一个.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的任何扎实的入门者,那就太好了。
谢谢!