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

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

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

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

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