Vue3<script setup lang="ts">知見

はじめに 先日、仕事で参加させてもらっているプロジェクトでVueを3系にバージョンアップしました。 続いて、TypeScriptが入っていなかったので入れたのですが、なかなか<script setup lang="ts">の知見がネットになかったのでここに軽く共有できたらと思います。 前提 Vueは3.2系（<script setup>が使えるのは3.2系から） TypeScriptは4.5.5(vue-createするとこれが入る) webpacker... ts-loader 有用なドキュメント集 おそらく<script setup>自体は簡単に書けるようになってすぐ慣れると思うのですが、TypeScript対応が結構癖があって困ります。 なのでこれらの公式ドキュメントをよく読むようにしましょう。 SFC<script setup>TypeScript のみの機能 https://v3

[ys0000]

ある程度情報が増えてきたので、Vue3はそろそろ触っても良さそうな雰囲気。

[shun9167]

スタックトレースの行番号合わない原因はそこだったのか！ “ts-loaderはVue-loaderがトランスパイルしたTSに対して、型チェックをします。 これはIDE上で出るエラーと一致しません。”