前端里面node.js和vue.js区别是什么?

JavaScript08

前端里面node.js和vue.js区别是什么?,第1张

两者的区别是:一个是服务端语言,一个是前端框架。

1、nodejs是一个js运行于服务端的环境,是一个服务端语言;而vue是前端渲染的库,是一个前端框架。

2、Node用于方便地搭建响应速度快、易于扩展的网络应用;

3、而vue用于实现响应的数据绑定和组合的视图组件。是一套用于构建用户界面的渐进式JavaScript框架。

Node.js

是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

Node.js 的包管理器 npm,是全球最大的开源库生态系统。

Vue.js

是一个构建数据驱动的 web 界面的渐进式框架。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

看了下网上的解释,一般都是将介绍vue.js的文本与node js的文本 贴过来, 再解释说 前者是前端开发框架,后者是js的运行环境,可以以js开发后台服务器。似乎没有说到点子上。 我的理解是 1. nodejs是一个很强大的js 运行环境,类似于jvm之于java。因此对js的支持非常好,催生了基于js的一系列应用开发。源于各js的应用的成长壮大,继而催生出了 npm 2. NPM是基于node js环境的一个包管理器。试问 为什么单纯的 jsp/php里面没有NPM?因为没有一个类似于nodejs的强大的js运行环境的支撑。由于nodejs 催生了js的兴盛,又进而催生出NPM来打包管理这些基于js的应用 3. 随着前端开发的网页元素不断丰富和复杂化,催生出webpack 来进一步规划js应用的打包部署。前端目标页面资源,通过webpack来打包压缩出来。 4. 可以看出vue.js 就是遵循的webpack 的方式来部署的,我们使用npm run build之后,会生成一个目标dist文件。这即是目标静态web资源,放在nginx下面即可通过网页访问。 综上所述,vue.js 是通过 webpack来打包,而webpack 又基于 npm, npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。 将目标dist文件夹拷贝到一台未安装nodejs的 nginx服务器上,访问页面可以正常响应逻辑。这时跟nodejs没有任何关系,服务器又不是nodejs在担当,而是nginx。如果你用nodejs来部署服务器,则需要在目标机上安装nodejs. 简单的说:你既可以开发nodejs的服务程序,亦可以用基于nodejs的npm &&webpack来打包 目标前端页面。vue.js 使用webpack来打包,故而需要nodejs环境。