Vue.js、テンプレートで書くか？描画関数で書くか？ - Qiita

結論は「好みによる」となることが読めていますが、それでも比較してみたい。 どちらも「DOMと状態の関係性を表す」という役割は同じですが、それぞれどんなメリット・デメリットがあるかを考えてみます。 ※描画関数使う場合はみんなJSX使うよね？と思い込んでいるためJSX前提で話します。 そもそもの書き方の違い 初めに書き方の違いを軽く見てみましょう。 message という文字列を表示するだけの簡単なコンポーネントを書いてみます。 テンプレートで書く場合は下記のようになります。