はてなブックマーク

先に結論書いてしまいますと、全部公式ドキュメントに書いてあります。 でも、書いてある箇所がバラバラなので 先に公式ドキュメントをちゃんと目を通していれば混乱しないのでしょうが、 ちゃんと読まずにいきなり現場のソースコード読んで、まぁどうにかなんだろうと思ったら ん？この <template> と <template> はなんか違うの？？ と混乱してしまった人（私です）向けにまとめました。 <template> タグには以下の役割があります。 条件付きレンダリングで複数要素を対象とする場合（v-if） リストレンダリングで複数要素を対象とする場合（v-for） 名前付きスロット（v-slot） 単一ファイルコンポーネント 条件付きレンダリングで複数要素を対象とする場合（v-if） 公式ドキュメントはこちら https://jp.vuejs.org/v2/guide/conditional.h