ようは、template(html)、script(js), style(css)を一つのファイルにまとめて、それを使いまわそうということです。 これの何が嬉しいのかはvueの公式から引用させていただきます。 注意すべき重要な点の1つは、関心事項の分離がファイルタイプの分離と等しくないことです。 現代の UI 開発では、コードベースを互いに織り交ぜる3つの巨大なレイヤーに分割するのではなく、それらを疎結合なコンポーネントに分割して構成する方がはるかに理にかなっています。コンポーネントの内部では、そのテンプレート、ロジック、スタイルが本質的に結合されており、実際にそれらを配置することで、コンポーネントがより一貫性と保守性に優れています。 名前が長いので以下、単一ファイルコンポーネントはSFC(Single File Components)と呼びます。 SFCってどうやったら使えるの? vue
