Vue这个新工具，真的可以提高效率。vue入门的本质：(前提是它是联网的)

1.使用vue开发前端框架，首先要有一个环境，这个环境依赖于node，所以必须先安装node，在node中通过npm安装需要的依赖项，以此类推。

这里有一个小技巧：如果用npm直接在cmd里安装一些工具，会比较慢，所以我们用淘宝的npm镜像：输入npm install-g cnpmregistry=https://registry.npm.taobao.org，然后就可以安装npm镜像，然后直接用CNPM代替NPM。

安装npm映像后，我们开始安装全局vue-cli支架。之所以使用vue-cli，是因为这个工具可以帮助我们构建需要的模板框架，相对简单。方法：cnpm install -g vue-cli进入，验证安装是否成功，在命令行输入vue，vue的信息出来-安装成功

2.安装脚手架后，开始创建新项目：命令vue init webpack vue_project(最后一个是我创建的项目文件夹的名称)

会出现在这个过程中

3 cd vue_project

安装依赖项，并生成node_modules目录(用于安装依赖项的代码库)

Npm install=将生成此文件夹node_modules(注意：当我们将使用vue-cli脚手架构建的vue项目复制到其他地方时，应该删除node_modules目录，否则不会在其他地方执行cnpm run dev，从而导致路径设计的问题。删除后再次安装Cnpm)

npm run dev准备工作完成后，测试项目中的默认app.vue模块是否可以运行。这需要首先安装服务器环境。build/dev-server.js文件在命令行或运行“npm run dev”时执行，build/build.js文件在运行“npm run build”时执行(用于发布)。我们可以从这两个文件中了解到

开发版本是代表我们编译过程的一些依赖项。

自述文件：项目的描述文件

每个组件分为三个部分：模板、逻辑和样式

Cnpm运行dev可以进入，浏览器http://localhost:8080将打开

应用场景：

对于具有复杂交互逻辑的前端应用；

它可以提供基本的架构抽象；

通过AJAX数据持久化可以保证前端用户体验。

好处：

在前端和数据上做一些操作时，可以通过AJAX请求将数据持久化到后端，不需要刷新整个页面，只需要在DOM中更改需要更改的数据。尤其是在移动应用场景下，刷新页面太贵，会重新加载很多资源。虽然有些会被缓存，但是页面的DOM、JS、CSS会被页面重新解析，所以移动页面通常会做SPA单页应用。

Vue.js的特点：MVVM框架，数据驱动，基于组件，轻量级，简洁，高效，快速，模块友好。

本文已整理成《Vue.js前端组件学习教程》，欢迎大家学习阅读。

关于vue.js组件的教程，请点击专题vue.js组件学习教程学习。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。