vue和nodejs经常让新手们感到困惑,它们之前到底啥关系呀,学习曲线又是什么呢?下面我来总结一下他们之间的关系方便以后的学习规划。

我们对比vue和nodejs之间的关系,首先用几句话描述一下它们是干什么的:

Vue是渐进式JavaScript 框架,它用在前端和html和js打交道,主要特点是易用,灵活,高效,实现html端对数据展示的控制。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。主要用在服务端,和其它后端语言的最大区别在于它是使用js开发的。
两个看着不相关的东西有哪些交集呢?还得从Vue的配套周边说起,它们就和Node.js产生的关系,Vue和它们一起配合使用的机率比较高,当然不配置使用也是可以的,看自己程序构架的选择。

1、Webpack
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。它依赖Node.js这个运行时,使用场景是把开发的源码打包发布,会压缩会分析依赖有效减少出错机率。常见于vue脚手架项目中。

2、Vue CLI 
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,它算是个快速开发工具,通过简单的命令行就可以搭建出一个vue结构的项目,并做了一些默认配置。常和VS Code一起使用,用于管理前端项目。

3、 Vuex
Vuex就是本地的一个store(仓库),可以理解成容器,和其它的容器不同之处是Vuex 的状态存储是响应式的,可以认为它是专门为Vue开发的,主要是解决vue绑定本地储存数据问题。比如我后台登录账号,数据表单等,有了本地容器再做单页应用程序将是一种不同的体验。

4、Vue Router
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。这个也是针对单页应用而出的。注意这个Vue Router是运行在服务端的,也就是和nodeJs发生关系。

从中可以看出vue和node.js的联系,他们之间没有直接联系,有的是相互依存的交集。

转自我的博客:https://lebang2020.cn/details/210302kmmrtfp1.html

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐