vue.js

直接用在 script 標(biāo)簽中的完整版本（同時(shí)包含編譯器 compiler 和運(yùn)行時(shí) runtime），可以看到源碼，適用于開發(fā)環(huán)境。

這個(gè)版本視圖可以寫在html 或者 template 里：

// template：需要編譯器
new Vue({template: '<div>{{ hi }}</div>'
})

vue.mini.js

直接用在 script 標(biāo)簽中的完整版本（同時(shí)包含編譯器 compiler 和運(yùn)行時(shí) runtime），但是經(jīng)過壓縮丑化處理，取消了注釋和警告，體積較小，適合在生產(chǎn)環(huán)境下使用。

vue.runtime.js

vue 運(yùn)行版。相比完整版體積要小大約 30%，用來創(chuàng)建 Vue 實(shí)例、渲染并處理虛擬 DOM 等的代碼?；旧暇褪浅ゾ幾g器的其它一切。

這個(gè)版本視圖寫在 render 函數(shù)里，用 h 來創(chuàng)建標(biāo)簽。（h是開發(fā)者寫好后傳給render的）：

// render：不需要編譯器
new Vue({render (h) {return h('div', this.hi)}
})

vue.runtime.mini.js

vue 運(yùn)行版的壓縮版本，生產(chǎn)環(huán)境使用。

vue.esm.js
預(yù)編譯調(diào)試時(shí)，支持通過原生 EcmaScript Module 導(dǎo)入訪問（webpack2 及之后版本都使用這個(gè)）。開發(fā)環(huán)境使用。

vue.esm.mini.js

預(yù)編譯調(diào)試時(shí)，支持通過原生 EcmaScript Module導(dǎo)入訪問（webpack2 及之后版本都使用這個(gè)）。生產(chǎn)環(huán)境使用。

vue.common.dev.js

預(yù)編譯調(diào)試時(shí)，支持通過 CommnJS 規(guī)范導(dǎo)入訪問（webpack1 版本都使用這個(gè)）。開發(fā)環(huán)境使用。

vue.common.prod.js

預(yù)編譯調(diào)試時(shí)，支持通過原生 CommnJS 規(guī)范訪問（webpack1 版本都使用這個(gè)）。生產(chǎn)環(huán)境使用。

vue.global.js

全局變量版本（通過 Vue 全局變量訪問）。開發(fā)環(huán)境使用。

總結(jié)

1. 若是自己寫個(gè)小 demo 測(cè)試一下

   • 用 vue.js 即可，方便閱讀源碼

2. 若你是用 vue2 + webpack2 開發(fā)項(xiàng)目（vue-cli 采用的方式）

   • 開發(fā)環(huán)境用 vue.esm.js
   • 生產(chǎn)環(huán)境用 vue.runtime.esm.js，比完整版小 30% 左右，前端性能更優(yōu)