ウェブサイト検索

vue.js - Vue + TypeScript と Vue コンポーネントを使用する際の型推論


私は、別の .vue コンポーネント/SFC、あるいは呼び方は何でもいいですが、にインポートされている .vue コンポーネントを持っています。Stencil/React では、JSX/TSX でコンポーネントを作成することができ、特定のコンポーネントをエクスポートすると、TypeScript がそのコンポーネントで使用されている props を推論するために必要な情報を提供する定義ファイルを取得することができます。

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のしっかりしたスターターがあれば、それは素晴らしいです。

ありがとう!