VUEのRuntime OnlyとRuntime+Compiler

2179 ワード

VUEのRuntime OnlyとRuntime+Compiler
  • Runtime Only Runtime Onlyバージョンは、事前に他のツールを借りています.vueファイルはJavaScriptにコンパイルされてから使用できます.事前にコンパイルされているので、実行時のVueのみが含まれています.jsコードなので、コードボリュームも軽くなります.たとえば、コンパイラは.vueファイルをJavaScriptにコンパイルすると、コンポーネントのtemplateテンプレートがrender関数にコンパイルされるので、render関数のバージョンが得られます.実行時に再コンパイルする必要はありません.
  • Runtime+Compilerコードをプリコンパイルしていないが、Vueのtemplateプロパティを使用している場合は、クライアントでコンパイルする必要があります.
    //      
    new Vue({ template: "" });
    //       
    new Vue({
      render:(h) {
        return h("div", this.hi);
      }
    });
    
      Vue.jsの最終レンダリングはrender関数によって行われます.templateプロパティは最終的にコンパイラによってrender関数にコンパイルされます.templateプロパティを使用する場合は、コンパイラ付きvueを導入する必要があります.jsは、コンパイラ付きバージョンがブラウザでtemplateをrender関数に変換するためです.お客様のブラウザでコンパイルするのに時間がかかります.だから通常Runtime-OnlyのVueを使うことをお勧めします.js.しかし、render関数を自分で制御したり、ツールを借りてコードをコンパイルしたりする必要があります.templateなどをrender関数に事前にコンパイルします.  webpackを使用して構築する場合は、機能Runtime-Onlyバージョンを使用します.vue-loaderはコンパイルのタスクを完了しました.