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

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

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

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

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