解释下vue.js为什么需要node js环境
看了下网上的解释，一般都是将介绍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环境。
绛旓細Vue.js鏄竴涓笎杩涘紡JavaScript妗嗘灦銆備互涓嬫槸鍏充簬Vue.js鐨勮缁瑙ｉ噴锛歏ue.js鏄敤浜庢瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮忔鏋躲備笌鍏朵粬澶у瀷妗嗘灦涓嶅悓鐨勬槸锛孷ue 琚璁′负鍙互鑷簳鑰屼笂閫愬眰搴旂敤銆傚叾鏍稿績搴撳彧鍏虫敞瑙嗗浘灞傦紝涓嶄粎鏄撲簬涓婃墜锛屼篃渚夸簬涓庣涓夋柟搴撴垨宸叉湁椤圭洰鏁村悎銆傛牳蹇冪壒鎬э細1. 鍝嶅簲寮忔暟鎹粦瀹氾細Vue.js鐨勬牳蹇冪壒鎬т箣涓鏄搷搴...
绛旓細Vue.js浣跨敤鍩轰簬渚濊禆杩借釜鐨勮瀵熷苟涓斾娇鐢ㄩ潪鍚屾浼垪鏇存柊銆傛墍鏈夌殑璧勬枡閮芥槸鐙珛瑙﹀彂鐨勩傚浜庡簽澶х殑搴旂敤鏉ヨ,杩欎釜浼樺寲宸紓杩樻槸姣旇緝鏄庢樉鐨勩2.涓嶳eact鐨勫尯鍒浉鍚岀偣:React閲囩敤鐗规畩鐨凧SX璇硶,Vue.js鍦ㄥ厓浠跺紑鍙戜腑涔熸帹宕囩紪鍐.vue鐗规畩妗ｆ鏍煎紡,瀵规。妗堝唴瀹归兘鏈変竴浜涚害瀹,涓よ呴兘闇瑕缂栬瘧鍚庝娇鐢ㄣ備腑蹇冩濇兂鐩稿悓:涓鍒囬兘鏄厓浠,鍏冧欢渚嬮」...
绛旓細4. 涓庣涓夋柟搴撹壇濂介泦鎴愶細鐢变簬Vue鐨勬牳蹇冨簱鐩稿杈冨皬锛屽畠寰堝鏄撲笌鍏朵粬搴撻泦鎴愶紝濡俈ue Router銆乂uex绛夈Vue.js鐨勫簲鐢ㄥ満鏅細Vue.js鐗瑰埆閫傜敤浜庢瀯寤哄崟椤甸潰搴旂敤銆傞氳繃Vue鐨勫姩鎬佺粍浠跺拰璺敱鍔熻兘锛屽紑鍙戣呭彲浠ュ垱寤哄鏉傜殑鐣岄潰鍜屼氦浜掞紝鑰屾棤闇杩涜椤甸潰鍒锋柊銆傛澶栵紝Vue杩樺彲浠ョ敤浜庢瀯寤虹幇浠ｅ墠绔簲鐢ㄧ殑鍚勭鍔熻兘锛屽鍔ㄦ佽〃鍗曘...
绛旓細vue鎸囩殑鏄vue.js妗嗘灦銆Vue.js鏄竴娆惧弸濂界殑銆佸鐢ㄩ旂殑涓旈珮鎬ц兘鐨刯s妗嗘灦锛屼竴娆炬瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮忔鏋讹紝瀹冨彲浠ュ府浣犲垱寤哄彲缁存姢鎬у拰鍙祴璇曟ф洿寮虹殑浠ｇ爜搴撱俈ue.js鏄竴娆炬祦琛岀殑JavaScript鍓嶇妗嗘灦锛屼竴涓敤浜庡垱寤虹敤鎴风晫闈㈢殑寮婧怞avaScript妗嗘灦锛屾棬鍦ㄦ洿濂藉湴缁勭粐涓庣畝鍖朩eb寮鍙戙俈ue鎵鍏虫敞鐨勬牳蹇冩槸MVC妯″紡涓殑瑙嗗浘...
绛旓細2銆Vue鐨勮娉曞緢鑷敱 路鍓嶆湡涓闇瑕璁よ瘑澶嶆潅鐨勭敓鍛藉懆鏈熷嚱鏁帮紝鍙兘鍙叧蹇僲ounted鍜孷ue.nextTick 路鐔熸倝鐨勫墠绔ā鏉 路鐖跺瓙缁勪欢闂撮氫俊鏇寸伒娲 路slot锛屽彲浠ュぇ灏哄害鍦版墿灞曠粍浠讹紙浣嗕篃涓嶈杩囧害浣跨敤鍝︼級路v-model锛宮vvm鐨勬柟寮忓鐞嗚〃鍗曟洿鏂逛究 绠鍗曠殑鐪嬩簡涓涓嬶紝杩欎釜搴旇涓嶅睘浜庢鏋讹紝浠庣粍寤烘瀯閫犱笂鏉ヨ鏄拰reactjs绫讳技鐨...
绛旓細Vue.js鐨勬暟鎹┍鍔ㄥ氨鏄氳繃MVVM杩欑妗嗘灦鏉ュ疄鐜扮殑銆侻VVM妗嗘灦涓昏鍖呭惈3涓儴鍒:model銆乿iew鍜寁iewmodel銆侻odel:鎸囩殑鏄暟鎹儴鍒嗭紝瀵瑰簲鍒板墠绔浉褰撲簬javascript瀵硅薄 View:鎸囩殑鏄鍥鹃儴鍒嗭紝瀵瑰簲鍓嶇鐩稿綋浜巇om Viewmodel:灏辨槸杩炴帴瑙嗗浘涓庢暟鎹殑涓棿浠堕氳 鏁版嵁(Model)鍜岃鍥(View)鏄笉鑳界洿鎺ラ氳鐨勶紝鑰屾槸闇瑕閫氳繃...
绛旓細Vue.js鏄竴涓瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮忔鏋躲俈ue.js鏄竴绉嶇敤浜庢瀯寤虹幇浠eb搴旂敤绋嬪簭鐨凧avaScript妗嗘灦銆傚畠閲囩敤浜嗕竴绉嶆笎杩涘紡鐨勬柟寮忔潵鎵╁睍HTML鍜學eb搴旂敤绋嬪簭鐨勫姛鑳姐備笌浼犵粺鐨勯噸閲忕骇妗嗘灦鐩告瘮锛孷ue鐨勮璁℃洿鍔犺交閲忎笖鐏垫椿锛岃繖浣垮緱瀹冨彲浠ュ湪浠讳綍瑙勬ā鐨勯」鐩腑杞绘澗闆嗘垚鍜屼娇鐢ㄣ備互涓嬫槸鍏充簬Vue鐨勮缁瑙ｉ噴锛氫竴銆乂ue鐨勬牳蹇冪壒鎬 V...
绛旓細Vue鏄浠涔锛Vue.js鏄竴涓敤浜庢瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮廕avaScript妗嗘灦銆傚畠涓昏鐢ㄤ簬鏋勫缓鍗曢〉闈㈠簲鐢紝閫氳繃缁勪欢鍖栫殑寮鍙戞柟寮忥紝浣垮緱鍓嶇寮鍙戞洿鍔犻珮鏁堝拰鐏垫椿銆俈ue鐨勬牳蹇冨簱涓撴敞浜庤鍥惧眰锛屾槗浜庝笂鎵嬩笖鏄撲簬涓庣涓夋柟搴撴垨宸叉湁椤圭洰鏁村悎銆備互涓嬫槸鍏充簬Vue鐨勮缁瑙ｉ噴锛歏ue鐨勫熀鏈蹇 Vue鏄竴涓交閲忕骇鐨勬鏋讹紝鍏舵牳蹇冩槸涓涓瀯寤虹敤鎴...
绛旓細Vue.js鏄竴涓敤浜庢瀯寤虹敤鎴风晫闈㈢殑寮婧怞avaScript妗嗘灦銆傚畠閲囩敤浜哅VVM(Model-View-ViewModel)鏋舵瀯妯″紡锛屼笓娉ㄤ簬UI灞傞潰鐨勫紑鍙戙俈ue.js鍏锋湁浠ヤ笅鐗圭偣锛1. 鍝嶅簲寮忔暟鎹粦瀹氾細Vue.js鍒╃敤鏁版嵁鍔寔鍜岃瀵熸満鍒讹紝瀹炵幇浜嗗搷搴斿紡鐨勬暟鎹粦瀹氥傚綋鏁版嵁鍙戠敓鍙樺寲鏃讹紝椤甸潰浼氳嚜鍔ㄦ洿鏂般2. 缁勪欢鍖栧紑鍙戯細Vue.js灏嗛〉闈㈡娊璞′负涓涓釜鍙...
绛旓細鍦ㄨ繘琛Vue椤圭洰寮鍙戣繃绋嬩腑锛屾垜浠彲浠ラ氳繃script鏍囩寮曞叆寮忓啓娉曟潵寮曞叆vue鎴栬呮槸nodejs鑷甫鐨勫寘绠＄悊宸ュ叿npm瀹夎vue銆傚苟涓旈氳繃new Vue锛堬級杩涜鏂板缓涓涓猇ue鐨勫疄渚嬪璞★紝鍏朵笅鏈夊緢澶氬睘鎬э紝鍖呮嫭el銆乨ata銆乵ethods銆乧omputed銆亀atch绛夌瓑锛宔l涓烘寚鍚戦〉闈㈢殑鑺傜偣鍏冪礌锛宒ata瀛樺偍鏁版嵁锛屾暟鎹被鍨嬪寘鎷瑂imple datatype锛堢畝鍗曟暟鎹被鍨...
