tuqulore/vue-3-practices

SFCにおけるscriptとtemplateの並びを統一したい

Closed this issue · 3 comments

knokmki612 commented

どのような並びでも動作はするが、並びが不統一だと学習者に混乱をもたらす。

どのような並びにするか方針を決めて反映したら完了

knokmki612 commented

私の意見としては、比較的新しいドキュメント（Composition API、script setupを用いたサンプルコードがあるページなど）は、script、template、styleの順番で記述されている印象があるので、それに倣うのがいいのではないかと思っている。

先にロジックを書くようなスタイルが他のUIフレームワーク（React、Svelteなど）では主流で、それに追従しているのではないかと推測している。

  • 👀1
knokmki612 commented

Nuxt 3はtemplateが先、scriptが後な模様

例 https://nuxt.com/docs/guide/directory-structure/components

Hidetaro7 commented

Nuxt 3はtemplateが先、scriptが後な模様

2023年9月現在ではtemplateが後になっている。
公式ドキュメントに従う方針でよいだろう。