Вывод типа при использовании Vue + Typescript и Vue Components - PullRequest
0 голосов
/ 22 марта 2020

У меня есть компонент. vue, который импортируется в другой. vue component / SF C или как вы хотите его назвать. С помощью 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 время выполнения, говорящее мне, что я вставил число вместо строки. Я также не хочу полагаться на написание. json файлов для Vetur, например, для чтения и автозаполнения на основе этого.

С этими ограничениями, текущее состояние Vue и набор инструментов, возможно ли это? Может быть, только меняется на Vue + TSX? Кроме того, если вам известны solid стартеры для TSX + Vue, это было бы фантастически c.

Спасибо!

...