2017-05-15 9 views
2

誰かがこのようなテンプレートを宣言間の差異を明確にすることができれば、私は、Vueのに新たなんだ:VueオプションとVueオプションの両方でテンプレートを定義することとの違いは何ですか?

Vue.component('my-component', { 
    template: '<div>A custom component!</div>' 
}) 

<template> 
    <div>A custom component!</div> 
</template> 

対と、それは利点があります、それは素晴らしいことでしょう!私は軽量アプリケーションを作成しようとしていますが、どちらが適切かはわかりません。ありがとうございました!

答えて

4

機能的な違いはありません。それはあなたが使いたいコンベンションや、ビルダーが物事を構築するのが好きなことの問題です。開発環境以外では、テンプレートとなります。pre-compiled into render functionsです。

+0

私はドキュメントを誤解していたと思います。私は主にプロダクションビルドに関係しています。プロダクションビルドでは、コンポーネントでテンプレートを定義し、webpackでコンパイルする必要がありますか? – Modelesq

+0

はい、これはwebpackが物を作るのが好きな方法です。 –

+0

本当にエンドビルドのサイズに影響するのだろうか?ご協力いただきありがとうございます! – Modelesq

1

どちらの実装も同じです。後の方はSingle File Componentsを使用していますが、これは読みやすいかもしれませんが、両方の方法が適切です。

関連する問題