Vueの2つのバージョンの違いと使い方(より深いレベルの理解)


私たちはvueを使う時、二つの異なるバージョンのVueを引用して、それぞれVue完整版(vue.js)とVue(vue.runtime.js)の非完整版を紹介します。その違いは何ですか?今日はこの二つの異なるバージョンの違いを分析します。
1、ファイル名
 
2、ファイルサイズ
コンパイラと実行時のバージョンを同時に含めます。
コンパイラ:テンプレート文字列をJavaScriptレンダリング関数のコードにコンパイルします。
完全版ではなく、コンパイラは含まれていません。体積はほぼ完全版より30%小さいです。
3、表示
完全版
ビューはHTMLまたはtemplateオプションに書かれています。comppilerの存在により、フルバージョンの実行時:Vueインスタンスを作成し、描画し、仮想DOMなどのコードを処理します。基本的にはコンパイラの他のすべてを除去します。
完全版ではない
フルバージョン実行時:vue-loaderまたはvueifyを使用すると、*.vueファイル内部のテンプレートが構築時にJavaScriptにプリコンパイルされます。最終的に作ったカバンの中にコンパイラは必要ないです。運行時バージョンだけでいいです。

//       
new Vue({
 render (h) {
 return h('div', this.hi)
 }
})

//      
new Vue({
 template: '<div>{{ hi }}</div>'
})
4、配置
webpackから導入して、完備版はaliasを配置しなければならなくて、完全版ではないのはデフォルトの構成です。
@vue/cliから導入して、完備版は追加の配置が必要で、非完備版はデフォルトの構成です。
締め括りをつける
この二つはこんなに違っているなら、私達は普段どのバージョンを使いますか?
もちろん非完整版を使いました。理由は以下の通りです。
1.ユーザー体験を保証し、ユーザーがダウンロードしたJSファイルの体積はより小さいが、h関数だけをサポートする。
2.開発体験を保証し、開発者は直接にvueファイルにHTMLタグを書くことができ、h関数を書かない。
3.仕事はloaderにさせて、vue-loaderはvueファイルの中のHTMLをh関数に変えます。これで私は多すぎる面倒なh関数を書かなくても完全版と同じことができます。ファイルサイズも節約して、ユーザー体験を向上させます。
以上述べたのは小编が皆さんに绍介したVueの二つのバージョンの违いと使い方です。