什么是vue.js

vue.js是最火的前端框架，react是最流行的前端框架[React除了开发网站、手机app。Vue可以借助wee进行手机app]
vue.js时一套构建用户界面的框架，只关注视图层，Vue有配套的第三方类库，可以整合起来做大型项目的开发
前端负责MVC中的V[前端页面]这一层
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架

为什么用vue.js

提高开发效率的发展历程：原生JS -> Jquery之类的类库 -> 前端模板引擎 -> Angular.js / Vue.js

（能够帮助我们减少不必要的DOM操作；提高渲染效率；双向数据绑定的概念【通过框架提供的指令，我们前端程序员只需要关心数据的业务逻辑，不再关心DOM是如何渲染的了】）
在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑

vue与node和npm关系

1）node功能

准确的说是使用vue-cli 脚手架搭建项目的时候需要nodejs。也可以用script标签引入vue.min.js这样的，在js里实例化vue也行。

使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6，less，等，启动测试服务器localhost8080, 帮助管理 vue-router，vue-resource这些插件，直接拿来用。

  也就这些好处，这都是所谓前端工程化，也是前端发展趋势。

（2）webpack

webpack能够把.vue后缀名的文件打包成浏览器能够识别的js，而这个.vue文件装换需要打包器vue-loader→npm下载→node包管理工具。Vue.js可以在html里引用，使用npm引入是方便包管理。等到应用需要的库和框架多起来后，一个个从html里引入就不方便了。所以用到打包工具比如webpack，可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，让前端开发更爽。最后Vue.js是数据驱动，和JQuery思路不同，你几乎不需要自己进行复杂低效的dom操作，开发简介明了。

（3）关系梳理

  webpack能够把.vue后缀名的文件打包成浏览器能够识别的js，而这个.vue文件装换需要打包器vue-loader

  这个vue-loader打包器是可以从npm上面下载（npm上面有很多资源包），npm下载文件之后，webpack打包文件的时需要node环境去运行

npm install是帮助安装 vue,或React到本地，npm install也可以安装vue,React的开发工具。当然你完全可以像jQuery一样自己找网站下载下来，在页面中引入。没有npm可以使用vue，vue只是一个前端框架。
node是js的服务执行环境，前端常常借助 node帮助前端实现工程化。