為了開始使用Vue,我們需要先安裝Vue。不同版本的Vue有著不同的特點,在選擇版本時我們需要根據項目需求來做出決策。
Vue的官方文檔提供了三種不同版本的Vue:完整版、只包含運行時的版本和只包含編譯器的版本。完整版包含了模板編譯器,同時也包含運行時的版本。只包含運行時的版本不包含模板編譯器,只能使用在單文件組件 (.vue) 或在 template 中寫純 HTML,不能用來編譯模板。只包含編譯器的版本則只適用于短期構建原型和類似運行時編譯的場景。
如果你打算使用 Vue-CLI 來創建項目,完整版會自動被安裝。如果你只想使用 Vue 作為一個庫來開發某個應用而不使用 Vue-CLI 來開發則需要去主頁下載 Vue.js 的生產環境版本并用 script 標簽引入。 如果你的項目中使用了 webpack 或者 Browserify 其中的一個作為構建工具的話,那么只包含運行時的版本會把模板轉換為渲染函數的代碼。如果你使用了 Single-File Components,那么只包含運行時的版本將會自動添加模板編譯到其作為構建步驟的一部分。
倘若你需要使用 .vue 文件并希望要在模板中使用字符串 (如在自定義指令中模板字符串),這時你不能使用只包含運行時的版本,而應該使用完整版。此外,如果你需要使用更多高級的模板特性,比如 vue-server-renderer、或 Vue Loader 或 vue-template-compiler 或像 Babel 一樣的 Babel Loader 等,那么只包含運行時的版本也適用不了。
在 npm 2.x 和早期版本中,我們需要借助特殊的壓縮包路徑來安裝特定版本的 vue: npm install vue@以安裝 2.6.11 版本為例: npm install vue@2.6.11 從 npm 3 開始,版本鎖定將更嚴格,我們必須使用精確的版本號來安裝包。同時也有另一種寫法: npm install vue@^2.6.11 這里的 ^ 符號表示安裝的版本不得在指定版本的左邊,也就是不得大于指定版本,安裝后可得到 2.6.x 中最新的版本。
在選擇版本時我們需要仔細考慮項目的需求以及未來使用場景,避免兩種版本混用或者安裝沒有必要的版本。只有選用了適合自己項目的版本,我們才能更加順利地使用Vue進行開發。