其實我們完全可以通過配置 vueloader 實現(xiàn)這一需求 vue preserveWhitespace false 它的作用是阻止元素間生成空白內(nèi)容，在 Vue 模板編譯后使用 _vquot quot 表示如果項目中模板內(nèi)容多的話，它們還是會占用一些文件體積的例如 Element 配置該屬性后，未壓縮情況下文件體積減少了近 30Kb。

檢查node是否安裝成功 為了更快安裝，可以使用淘寶的鏡像 在終端輸入以下命令檢測cnpm是否安裝成功 vuecli是vue腳手架工具，方便打包，部署，測試等進入你的項目目錄，創(chuàng)建一個基于 webpack 模板的新項目 vue init webpack 項目名 進入項目 安裝依賴 此時項目中會多了一。

2 設(shè)計完美的背景視頻 Web 頁面首先基于腳手架工具 vuecli 來創(chuàng)建一個使用 vueloader 的項目，構(gòu)建完畢后，在相應(yīng)目錄下創(chuàng)建vue文件，作為登錄頁面的模板文件，具體細節(jié)不再贅述本節(jié)內(nèi)容僅局限于該vue文件21 HTML 模板基于需求，對 Coverr 提供的 HTML 模板進行了細微修改，結(jié)果如下。

vue是目前國內(nèi)最火熱的前端MVVM框架，其優(yōu)缺點如下一優(yōu)點 易于開發(fā)vue提供了頁面數(shù)據(jù)渲染模板引擎如vifvfor等提供事件綁定@click等，代碼清晰明了，邏輯簡單，易于上手高性能Vue提出虛擬DOM概念，以及數(shù)據(jù)驅(qū)動DOM思想，減少頁面渲染成本，大幅度提高性能生態(tài)完善許多開發(fā)者提供了對vue。

1 適用于構(gòu)建現(xiàn)代化的用戶界面Vue提供了一套響應(yīng)式的組件化的開發(fā)方式，可以快速構(gòu)建出復(fù)雜的用戶界面同時，Vue的模板語法簡單易懂，上手相對容易2 輕量級Vue的核心庫只有20KB左右的大小，并且不需要依賴其他的庫和工具這使得Vue易于集成到現(xiàn)有的項目中，避免了項目臃腫和依賴沖突的問題3。