前端里面node.js和vue.js区别是什么？ node.js和vue.js的区别
nodejs\u548cvuejs\u7684\u533a\u522b1\u3001\u670d\u52a1\u73af\u5883\u7684\u4e0d\u540c
nodejs\u4e00\u4e2a\u662f\u524d\u7aef\u6846\u67b6\uff0cvuejs\u4e00\u4e2a\u662f\u670d\u52a1\u7aef\u8bed\u8a00\u3002nodejs\u662fjs\u8fd0\u884c\u65f6\uff0c\u8fd0\u884c\u73af\u5883\uff0c\u7c7b\u6bd4java\u4e2djvm\u3002nodejs\u7684\u4f5c\u7528\u548cjvm\u7684\u4e00\u6837\u4e00\u6837\u7684\uff0c\u4e5f\u662fjs\u7684\u8fd0\u884c\u73af\u5883\uff0c\u4e0d\u7ba1\u662f\u4f60\u662f\u4ec0\u4e48\u64cd\u4f5c\u7cfb\u7edf\uff0c\u53ea\u8981\u5b89\u88c5\u5bf9\u5e94\u7248\u672c\u7684nodejs\uff0c\u90a3\u4f60\u5c31\u53ef\u4ee5\u7528js\u6765\u5f00\u53d1\u540e\u53f0\u7a0b\u5e8f\u3002
2\u3001\u4f5c\u7528\u7684\u4e0d\u540c
Node.js\u662f\u4e00\u4e2a\u57fa\u4e8eChromeV8\u5f15\u64ce\u7684JavaScript\u8fd0\u884c\u73af\u5883\u3002
Vue.js\u4f7f\u7528\u4e86\u57fa\u4e8eHTML\u7684\u6a21\u7248\u8bed\u6cd5\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u58f0\u660e\u5f0f\u5730\u5c06DOM\u7ed1\u5b9a\u81f3\u5e95\u5c42Vue\u5b9e\u4f8b\u7684\u6570\u636e\u3002Vue.js\u7684\u6838\u5fc3\u662f\u4e00\u4e2a\u5141\u8bb8\u4f60\u91c7\u7528\u7b80\u6d01\u7684\u6a21\u677f\u8bed\u6cd5\u6765\u58f0\u660e\u5f0f\u7684\u5c06\u6570\u636e\u6e32\u67d3\u8fdbDOM\u7684\u7cfb\u7edf\u3002
3\u3001\u4f7f\u7528\u6570\u636e\u7684\u4e0d\u540c
Node.js\u4f7f\u7528\u4e86\u4e00\u4e2a\u4e8b\u4ef6\u9a71\u52a8\u3001\u975e\u963b\u585e\u5f0fI/O\u7684\u6a21\u578b\uff0c\u4f7f\u5176\u8f7b\u91cf\u53c8\u9ad8\u6548\u3002vue.js\u6709\u8def\u7531\u7684\u53ebvue-route.js\uff0cvue.js\u4e5f\u6709\u6570\u636e\u8bf7\u6c42\u53ebvue-resource.js\u3002Vue.js\u53ef\u4ee5\u5728html\u91cc\u5f15\u7528\uff0c\u4f7f\u7528npm\u5f15\u5165\u662f\u65b9\u4fbf\u5305\u7ba1\u7406\u3002
Vue.js\u662f\u4e00\u4e2a\u6784\u5efa\u6570\u636e\u9a71\u52a8\u7684web\u754c\u9762\u7684\u6e10\u8fdb\u5f0f\u6846\u67b6\u3002Vue.js\u7684\u76ee\u6807\u662f\u901a\u8fc7\u5c3d\u53ef\u80fd\u7b80\u5355\u7684API\u5b9e\u73b0\u54cd\u5e94\u7684\u6570\u636e\u7ed1\u5b9a\u548c\u7ec4\u5408\u7684\u89c6\u56fe\u7ec4\u4ef6\u3002\u5b83\u4e0d\u4ec5\u6613\u4e8e\u4e0a\u624b\uff0c\u8fd8\u4fbf\u4e8e\u4e0e\u7b2c\u4e09\u65b9\u5e93\u6216\u65e2\u6709\u9879\u76ee\u6574\u5408\u3002
\u5b8c\u5168\u4e24\u7801\u4e8b\uff0c\u4e00\u4e2a\u662f\u524d\u7aef\u6846\u67b6\uff0c\u4e00\u4e2a\u662f\u670d\u52a1\u7aef\u8bed\u8a00\u3002
Node.js \u662f\u4e00\u4e2a\u57fa\u4e8e Chrome V8 \u5f15\u64ce\u7684 JavaScript \u8fd0\u884c\u73af\u5883\u3002
Node.js \u4f7f\u7528\u4e86\u4e00\u4e2a\u4e8b\u4ef6\u9a71\u52a8\u3001\u975e\u963b\u585e\u5f0f I/O \u7684\u6a21\u578b\uff0c\u4f7f\u5176\u8f7b\u91cf\u53c8\u9ad8\u6548\u3002
Node.js \u7684\u5305\u7ba1\u7406\u5668 npm\uff0c\u662f\u5168\u7403\u6700\u5927\u7684\u5f00\u6e90\u5e93\u751f\u6001\u7cfb\u7edf\u3002
Vue.js\u662f\u4e00\u4e2a\u6784\u5efa\u6570\u636e\u9a71\u52a8\u7684 web \u754c\u9762\u7684\u6e10\u8fdb\u5f0f\u6846\u67b6\u3002Vue.js \u7684\u76ee\u6807\u662f\u901a\u8fc7\u5c3d\u53ef\u80fd\u7b80\u5355\u7684 API \u5b9e\u73b0\u54cd\u5e94\u7684\u6570\u636e\u7ed1\u5b9a\u548c\u7ec4\u5408\u7684\u89c6\u56fe\u7ec4\u4ef6\u3002\u5b83\u4e0d\u4ec5\u6613\u4e8e\u4e0a\u624b\uff0c\u8fd8\u4fbf\u4e8e\u4e0e\u7b2c\u4e09\u65b9\u5e93\u6216\u65e2\u6709\u9879\u76ee\u6574\u5408\u3002
\u53e6\u4e00\u65b9\u9762\uff0c\u5f53\u4e0e\u5355\u6587\u4ef6\u7ec4\u4ef6\u548c Vue \u751f\u6001\u7cfb\u7edf\u652f\u6301\u7684\u5e93\u7ed3\u5408\u4f7f\u7528\u65f6\uff0cVue \u4e5f\u5b8c\u5168\u80fd\u591f\u4e3a\u590d\u6742\u7684\u5355\u9875\u5e94\u7528\u7a0b\u5e8f\u63d0\u4f9b\u9a71\u52a8\u3002
两者的区别是：一个是服务端语言，一个是前端框架。
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 也完全能够为复杂的单页应用程序提供驱动。
node.js是js运行环境，里面可以编写js代码并编译，是用来开发后端的。
vue.js是前端框架，用来实现前端页面的
你可以理解成node.js是运行环境，vue.js是框架
node.js是后端开发环境，和vue.js协同使用的，vue.js是前端开发
Node.js 是一门使用Javascript编写的后端语言
Vue.js是前端热门框架之一
绛旓細濡傛灉鐩存帴杩愯npm install绛夊懡浠や細鎶ラ敊鐨勩傛垜浠渶瑕佸仛1浠朵簨鎯咃細澧炲姞鐜鍙橀噺NODE_PATH 鍐呭鏄細E:\workspace\npm\nodejs\node_global\node_modules锛堝弬鑰僯dk閰嶇疆锛,娉ㄦ剰锛屼互涓嬫搷浣滈渶瑕侀噸鏂版墦寮CMD璁╀笂闈㈢殑鐜鍙橀噺鐢熸晥 鍛戒护锛氬path鐜鍙橀噺娣诲姞E:\workspace\npm\nodejs\node_global (杩欎釜璺緞搴旇鏄寘鍚vue....
绛旓細杩欐椂璺焠odejs娌℃湁浠讳綍鍏崇郴锛屾湇鍔″櫒鍙堜笉鏄痭odejs鍦ㄦ媴褰擄紝鑰屾槸nginx銆傚鏋滀綘鐢╪odejs鏉ラ儴缃叉湇鍔″櫒锛屽垯闇瑕佸湪鐩爣鏈轰笂瀹夎nodejs.绠鍗曠殑璇达細浣犳棦鍙互寮鍙憂odejs鐨勬湇鍔＄▼搴忥紝浜﹀彲浠ョ敤鍩轰簬nodejs鐨刵pm && webpack鏉ユ墦鍖 鐩爣鍓嶇椤甸潰銆vue.js 浣跨敤webpack鏉ユ墦鍖咃紝鏁呰岄渶瑕乶odejs鐜銆
绛旓細API 瀹炵幇鍝嶅簲鐨勬暟鎹粦瀹氬拰缁勫悎鐨勮鍥剧粍浠躲Vue.js 鑷韩涓嶆槸涓涓叏鑳芥鏋垛斺斿畠鍙仛鐒︿簬瑙嗗浘灞傘傚洜姝ゅ畠闈炲父瀹规槗瀛︿範锛岄潪甯稿鏄撲笌鍏跺畠搴撴垨宸叉湁椤圭洰鏁村悎锛堟澶勫彲浠ヨВ鍐充綘璇寸殑涓轰粈涔堣娣诲姞鍦node.js閲鐨勯棶棰橈級銆傚彟涓鏂归潰锛屽湪涓庣浉鍏冲伐鍏峰拰鏀寔搴撲竴璧蜂娇鐢ㄦ椂锛孷ue.js 涔熻兘瀹岀編鍦伴┍鍔ㄥ鏉傜殑鍗曢〉搴旂敤銆
绛旓細node 鏄悗绔紑鍙 vue 鏄函鍓嶇寮鍙 杩欏氨鏄渶涓昏鐨勫尯鍒
绛旓細搴旇璇村涔犲墠娈碉紝闇瑕佷竴浜 nodejs 鍩虹銆傚洜涓虹幇鍦ㄥ緱鍓嶇鎶鏈兘绂讳笉寮浣跨敤 npm瀹夎鍖呮潵鍘荤鐞嗙紪璇戞祦绋嬨俷pm 鏄 nodejs 鐨勫寘绠＄悊宸ュ叿銆傚彟澶 vuejs 鑴氭墜鏋剁瓑鍛ㄨ竟鐨勫伐鍏蜂篃鏄渶瑕 npm 鍖呮潵鎿嶄綔鐨勩傛墍浠ワ紝鍋氬墠绔紝蹇呴』瑕佷簡瑙 nodejs锛岄噸鐐规槸 npm 鐨勫畨瑁呫佷娇鐢ㄣ
绛旓細Node.js鏄竴涓狫S鏈嶅姟鍣紝瀹冨彲浠ュ皢JS浠ｇ爜鐩存帴缈昏瘧鎴愭満鍣ㄧ爜鍦ㄦ湰鍦版墽琛岋紝璁㎎S涔熷彲浠ヨ繘琛屾湇鍔＄缂栫▼銆Vue.js鏄竴涓鍓嶇妗嗘灦锛屽埄鐢ㄥ畠鍙互寰堟柟渚垮湴鏋勫缓鍑哄鏉傜殑鍓嶇閫昏緫鍜屾紓浜殑鐣岄潰銆俲Query鏄竴涓交閲忕骇JS妗嗘灦锛屽畠涓昏瀵笵OM鍔熻兘浣滀簡灏佽锛岃JS鐨凞OM缂栫▼鏇村姞鏂逛究寮哄ぇ銆俿woole涓嶅お浜嗚В锛屽簲璇ユ槸涓涓狿HP鐨刉eb鍚庣...
绛旓細php鏄悗绔瑷锛岀畝鍗曟潵璇村氨鏄鐞嗘暟鎹殑锛宧tml鏄敤鏉ュ竷灞鐨勶紝css鏄敤鏉ヤ慨楗扮殑銆js鍜jq閮芥槸鑴氭湰璇█锛屾搷浣渄om鐨勶紝vue鏄竴涓鏋讹紝node涔熸槸鍚庣璇█銆傞鍏堣涓涓鍓嶇閮ㄥ垎锛歨tml灏辨槸绛変簬浣犳柊寤虹殑鎴垮瓙锛岃繕娌℃湁瑁呬慨锛屽彧鏈変竴涓灦鏋勶紝css灏辨槸绛変簬瑁呬慨浣犵殑鎴垮瓙銆備娇椤甸潰鍙樺緱濂界湅銆俲q鏄痡s鐨勫皝瑁咃紝灏辨槸鎶妀s鐨勪竴浜...
绛旓細淇敼璺ㄦ枃浠惰皟鐢ㄦ柟寮忥紝灏嗗師鏉ョ殑module.exports=xxx鏀逛负鏆撮湶鍏ㄥ眬鍙橀噺锛岃岃皟鐢ㄦ柟锛屽皢require(xxx)鏀逛负鐩存帴寮曠敤鍏ㄥ眬鍙橀噺 鐩存帴琚玬eteor妗嗘灦璋冪敤鐨勬柟娉曪紝浣跨敤meteorhacks:async鍖咃紝灏嗗叾浠庡紓姝ヨ皟鐢ㄦ敼涓哄悓姝ヨ皟鐢ㄥ舰寮忓垱寤簃eteor鍖呰繖绉嶆柟娉曟洿澶嶆潅锛屼絾鏄篃鏇磋繘闃讹紝涓嶄粎鍙互灏佽npm鍖咃紝涔熻兘灏佽浠绘剰node.js浠ｇ爜锛堝綋鐒堕渶瑕...
绛旓細鏈濂芥槸瀹夎涓涓1.濡傛灉浣犱粎浠呮槸鎵撳寘濂界殑vue鐩告満锛岄偅涔堣鐪嬫湇鍔＄浣跨敤鐨勬槸浠涔堣瑷锛屽鏋滄槸node鐨勮瘽锛岃偗瀹氳瀹夎node鐜鐨勶紝浣嗘槸濡傛灉涓嶆槸node锛岄偅涔堝氨娌℃湁蹇呰浜嗐2.濡傛灉浣犳兂鍦ㄦ湇鍔＄璺憊ue鐨勯」鐩紝涔熷氨鏄湪杩滅▼绔仛寮鍙戝伐浣滐紝閭ｄ箞鑲畾鏄瀹夎node鐨勶紝姣曠珶vue寮鍙戠幆澧冮渶瑕乶ode銆傚熀鏈笂鏈嶅姟绔篃灏辫繖...
绛旓細涓.鏈湴鐜璋冭瘯璇锋眰璺ㄥ煙闂 1.閰嶇疆浠ｇ悊鍩熷悕:config/index.js 2.npm run dev 鎵撳寘 鐢熸垚 dist 鐩綍 http 鏈嶅姟杩愯 閲岄潰鐨刬ndex.html鏂囦欢 浜.绾夸笂鐜璇锋眰璺ㄥ煙 1.閰嶇疆浠ｇ悊:绠鍗曚唬鐞 location /api { add_header 'Access-Control-Allow-Origin' ...
