其实我们完全可以通过配置 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。