一般都在什么系统上运行vue项目 用vue 一般都配合什么 UI 框架
\u62ff\u5230\u4e00\u4e2avue\u7684\u9879\u76ee,\u600e\u4e48\u5728\u672c\u5730\u8fd0\u884c\u8fd9\u4e2a\u9879\u76ee\u5355\u72ec\u7684vue\u9879\u76ee\uff0c\u4e0d\u9700\u8981\u8fd0\u884c\u73af\u5883\u7684\uff0c\u76f4\u63a5\u6253\u5f00\u5373\u53ef\u3002
\u5c31\u662f\u4e0d\u77e5\u9053\u9879\u76ee\u4e2d\u662f\u4e0d\u662f\u4f7f\u7528\u4e86\u5176\u4ed6\u7684\u4e1c\u897f\u3002
\u6700\u8fd1\u4e00\u5e74\u591a\u4e00\u76f4\u5728\u505aUI\u5e93\uff0c\u4ece SUI Mobile -> Light7 -> jQuery WeUI\u3002\u81ea\u5df1\u4e5f\u5728\u505a\u7684\u8fc7\u7a0b\u4e2d\u5bf9UI\u5e93\u7c7b\u7684\u4ea7\u54c1\u6709\u4e86\u66f4\u6df1\u5165\u7684\u8ba4\u8bc6\uff0cSUI Mobile \u548c Light7 \u6709\u4e00\u4e2a\u5f88\u5927\u7684\u95ee\u9898\u5728\u4e8e\uff1a\u8bd5\u56fe\u7528\u4e00\u4e2a\u8f7b\u91cf\u7684\u57fa\u4e8ejQuery\u7684\u5e93\uff0c\u6765\u505a\u4e00\u4e2a\u91cd\u91cf\u7684\u6846\u67b6\u5e94\u8be5\u505a\u7684\u4e8b\u60c5\u3002\u6bd4\u5982\u5b83\u5b9a\u4e49\u4e86Page\u7684\u6982\u5ff5\uff0c\u6574\u4e2a\u9875\u9762\u7684\u7ed3\u6784\uff0c\u4f7f\u7528\u4e86\u5f02\u6b65\u52a0\u8f7d\u7684\u8def\u7531\uff0c\u8fd9\u4e9b\u4f1a\u5bfc\u81f4\u672c\u6765\u4e00\u4e2a\u5f88\u8f7b\u91cf\u7684\u5e93\u53d8\u5f97\u4e0d\u90a3\u4e48\u5bb9\u6613\u4f7f\u7528\u4e86\uff0c\u672c\u6765\u53ef\u4ee5\u505a\u5230\u53ea\u7528\u51e0\u4e2a\u7ec4\u4ef6\u5373\u53ef\uff0c\u73b0\u5728\u5374\u5fc5\u987b\u628a\u4e00\u6574\u5957\u4e1c\u897f\u5168\u90e8\u7528\u8d77\u6765\u3002\u5982\u679c\u4f60\u60f3\u7528\u5bf9\u8bdd\u6846\u5374\u4e0d\u60f3\u6539\u53d8\u81ea\u5df1\u7684\u6574\u4e2a\u9875\u9762\u7ec4\u7ec7\uff0c\u5c31\u5fc5\u987b\u4fee\u6539\u5bf9\u8bdd\u6846\u7684\u4ee3\u7801\u3002\u800c\u4e14\uff0c\u5b83\u81ea\u5df1\u5b9e\u73b0\u7684router \u4f1a\u5bfc\u81f4\u5f88\u96be\u8fc1\u79fb\u5230 Vue or Angular\uff0c\u56e0\u4e3a\u5b83\u505a\u4e86\u4e00\u90e8\u5206\u672c\u8be5\u7531\u53e6\u4e00\u4e2aJS\u6846\u67b6\u505a\u7684\u4e8b\u60c5 \u3002
\u56e0\u6b64\uff0c\u5f53\u5fae\u4fe1\u5b98\u65b9\u56e2\u961f\u51fa\u4e86WeUI \u9879\u76ee\u4e4b\u540e\uff0c\u6211\u8fc5\u901f\u5f00\u53d1\u4e86 jQuery WeUI\uff0c\u5e76\u4e14\u5b83\u4f1a\u662f\u4e00\u4e2a\u957f\u671f\u7a33\u5b9a\u7684\u9879\u76ee\u3002\u56e0\u4e3a\u6211\u5728\u8fd9\u91cc\u5f7b\u5e95\u653e\u5f03\u4e86\u4e00\u4e2a\u8f7b\u91cf\u7684UI\u5e93\u4e0d\u8be5\u505a\u7684\u4e8b\u60c5\uff0c\u53ea\u4e13\u6ce8\u4e8e\u505a\u4e00\u7ec4\u62ff\u6765\u5c31\u53ef\u4ee5\u7528\uff0c\u51e0\u4e4e\u96f6\u6210\u672c\uff0c\u53ef\u4ee5\u7ed3\u5408\u4efb\u4f55\u4e3b\u6d41JS\u6846\u67b6\uff0c\u51e0\u4e4e\u4e0d\u4f1a\u548c\u4efb\u4f55\u73b0\u6709\u4ee3\u7801\u51b2\u7a81\u7684UI\u5e93\u3002
\u6240\u4ee5\u7ecf\u5e38\u6709\u4eba\u95ee jqweui \u4ec0\u4e48\u65f6\u5019\u4f1a\u51fa\u8def\u7531\uff0c\u6211\u7684\u56de\u7b54\u662f\u8fd9\u4e2a\u6839\u672c\u4e0d\u5728\u8ba1\u5212\u5185\uff0c\u672a\u6765\u4e5f\u5f88\u53ef\u80fd\u4e0d\u4f1a\u6709\u3002\u5982\u679c\u4f60\u9700\u8981\u7528\u5230\u8def\u7531\uff0c\u90a3\u4e48\u5efa\u8bae\u7ed3\u5408 Vue or Angular \u6765\u4f7f\u7528\uff0c\u800c\u4e0d\u662f\u7528\u4e00\u4e2a\u72ec\u7acb\u7684 router \u7ec4\u4ef6\u3002
vue-mobile
\u4e5f\u6b63\u662f\u56e0\u4e3a\u4e0a\u8ff0\u539f\u56e0\uff0c\u6211\u6bd4\u8f83\u4e86\u76ee\u524d\u4e3b\u6d41\u7684\u4e09\u4e2aJS\u6846\u67b6 Vue, Angular, React \u4e4b\u540e\u9009\u62e9\u4e86 \u57fa\u4e8e Vue \u6765\u505a\u4e00\u4e2a\u65b0\u7684\u9879\u76ee\uff0c\u8fd9\u4e2a\u9879\u76ee\u8bde\u751f\u4e4b\u521d\u7684\u76ee\u6807\u5c31\u662f\u4e3a\u4e86\u5f00\u53d1\u5927\u578b\u7684\u5355\u9875\u5e94\u7528\u3002\u5b83\u4e0d\u662f\u4e00\u4e2a\u7b80\u5355\u7684 Vue \u5957\u58f3\uff0c\u800c\u662f\u5b8c\u5168\u7528 Vue \u91cd\u5199\u4e86\u6240\u6709\u7684\u7ec4\u4ef6\u5b9e\u73b0\u3002\u6837\u5f0f\u4e0a\u4e3b\u8981\u8fd8\u662f\u6765\u81ea WeUI \u548c Light7 \uff0c\u56e0\u4e3a\u6211\u5e76\u4e0d\u662f\u5f88\u64c5\u957f\u505a\u8bbe\u8ba1\uff0c\u4e0d\u8fc7\u8fd9\u6b21\u4f1a\u501f\u9274\u5f88\u591a\u4e3b\u6d41\u7684UI\u5e93\uff0c\u4e5f\u4f1a\u81ea\u5df1\u5c1d\u8bd5\u8bbe\u8ba1\u4e00\u4e9b\u7ec4\u4ef6\uff0c\u5c3d\u529b\u8986\u76d6\u5927\u90e8\u5206\u7684\u5e38\u7528\u63a7\u4ef6\u3002
\u90a3\u4e48vue-mobile\u6709\u54ea\u4e9b\u4f18\u52bf\u5462\uff1f
\u5b8c\u6574\u7684\u9875\u9762\u7ed3\u6784\uff0cheader, content, footer
\u57fa\u4e8e vue-router \u9875\u9762\u5207\u6362
\u4ee5 Component \u5f62\u5f0f\u63d0\u4f9b\u7684\u7ec4\u4ef6\uff0c\u66f4\u52a0\u5bb9\u6613\u62d3\u5c55\u548c\u81ea\u5b9a\u4e49
\u57fa\u4e8e transition \u5b9e\u73b0\u7684 CSS3 \u52a8\u753b
Vue.js \u5e26\u6765\u7684\u826f\u597d\u7684\u5f00\u53d1\u6a21\u5f0f\uff1a\u6a21\u677f\uff0c\u6570\u636e\u7ed1\u5b9a\uff0c\u7ec4\u4ef6\u5316\uff0c\u81ea\u52a8\u5316\uff0c\u8d44\u6e90\u7edf\u4e00\u5316
\u80af\u5b9a\u4f1a\u6709\u5f88\u591a\u4eba\u95ee\u4f1ajQuery\u7528\u7684\u597d\u597d\u7684\u4e3a\u4ec0\u4e48\u8981\u8fd9\u4e48\u6298\u817e\uff1f
jQuery \u53ef\u80fd\u672a\u6765\u5341\u5e74\u5185\u90fd\u4e0d\u4f1a\u843d\u4f0d\uff0c\u4f46\u662f\u524d\u7aef\u6280\u672f\u65e5\u65b0\u6708\u5f02\uff0c\u65e0\u8bba Vue, Angular, React \u662f\u4e0d\u662f\u672a\u6765\u7684\u8d8b\u52bf\uff0c\u81f3\u5c11\u672c\u9636\u6bb5\u4ed6\u4eec\u53ef\u4ee5\u89e3\u51b3\u5f88\u591a\u4ee5\u524d\u5f88\u96be\u89e3\u51b3\u7684\u95ee\u9898\uff0c\u4e5f\u5f88\u5927\u7a0b\u5ea6\u4e0a\u63a8\u8fdb\u4e86\u524d\u7aef\u7684\u6280\u672f\u53d1\u5c55&\u5f00\u53d1\u6548\u7387\u3002\u4e00\u4e2a\u597d\u7684\u7a0b\u5e8f\u5458\u5e94\u8be5\u80fd\u7d27\u8ddf\u6280\u672f\u7684\u53d1\u5c55\uff0c\u4e0d\u80fd\u5728\u4e00\u68f5\u6811\u4e0a\u540a\u4e00\u8f88\u5b50\u3002\u6211\u4e5f\u5728\u4e0d\u65ad\u7684\u6478\u7d22\u4e2d\uff0cVue \u4e5f\u8bb8\u4e0d\u662f\u6700\u4f73\u9009\u62e9\uff0c\u4f46\u81f3\u5c11\u662f\u4e00\u4e2a\u5bf9\u5927\u591a\u6570\u9879\u76ee\u6765\u8bf4\u90fd\u975e\u5e38\u68d2\u7684\u9009\u62e9\u3002
\u81f3\u5c11\u73b0\u5728\u6765\u770b\uff0c Vue\u80fd\u660e\u663e\u63d0\u5347\u5f00\u53d1\u6548\u7387\uff0c\u5728\u5f00\u53d1\u5927\u578b\u5e94\u7528\u7684\u65f6\u5019\u4e5f\u80fd\u5f88\u597d\u5730\u901a\u8fc7\u6a21\u5757\u5316\u7ec4\u7ec7\u6765\u4fdd\u8bc1\u4ee3\u7801\u7684\u53ef\u7ef4\u62a4\u6027\u3002\u73b0\u5728\u7684\u524d\u7aef\u5f00\u53d1\u91cd\u70b9\u5df2\u7ecf\u4e0d\u662f\u6837\u5f0f\u548c\u517c\u5bb9\u6027\uff0c\u800c\u662f\u5982\u4f55\u6784\u5efa\u5927\u578b\u7684\u3001\u9ad8\u6548\u7684\u3001\u53ef\u7ef4\u62a4\u7684\u5e94\u7528\u3002\u4f20\u7edf\u540e\u7aef\u5f00\u53d1\u5df2\u7ecf\u5728\u8fd9\u65b9\u9762\u505a\u5f97\u975e\u5e38\u597d\u4e86\uff0c\u524d\u7aef\u8fd8\u5904\u5728\u63a2\u7d22\u9636\u6bb5\uff0c\u800c Vue \u8fd9\u4e00\u7c7b\u7684\u6846\u67b6\u76ee\u524d\u662f\u505a\u5f97\u6700\u597d\u7684\u3002
\u53ef\u80fd\u8fd9\u7c7b\u6846\u67b6\u518d\u8fc7\u4e94\u5e74\u5c31\u4f1a\u9500\u58f0\u533f\u8ff9\uff0c\u88ab\u66f4\u65b0\u66f4\u597d\u7684\u6846\u67b6\u53d6\u4ee3\uff0c\u4f46\u662f\u5e76\u4e0d\u59a8\u788d\u6211\u4eec\u53bb\u7814\u7a76\u548c\u4f7f\u7528\u5b83\u3002
如果前后端不分离的话 前端Vue代码 也就是页面的js是和后端框架在一起的 现在的服务器一般都倾向于使用linux这些类Unix系统
值得注意的是 Vue是浏览器去渲染的 底层还是javascript 本身和服务器是分离的 前后端不分离一般都是使用后端框架的模板 比如django + jinjia2 或者django 自带的模板
绛旓細Vue鐨勬牳蹇冪壒鎬 Vue鐨勬牳蹇冪壒鎬т箣涓鏄搷搴斿紡绯荤粺銆傝繖鎰忓懗鐫褰撴暟鎹彂鐢熷彉鍖栨椂锛岃鍥句細鑷姩鏇存柊銆俈ue閫氳繃澹版槑寮忔覆鏌撶殑鏂瑰紡锛屼娇寰楀紑鍙戣呰兘澶熶笓娉ㄤ簬閫昏緫鍜屾暟鎹紝鑰屾棤闇杩囧鍏虫敞DOM鎿嶄綔銆傝繖绉嶈璁＄畝鍖栦簡鍓嶇寮鍙戠殑宸ヤ綔娴佺▼銆傜粍浠剁郴缁 Vue閲囩敤缁勪欢鍖栫殑寮鍙戞柟寮忥紝鍏佽寮鍙戣呭皢鐣岄潰鎷嗗垎鎴愮嫭绔嬬殑缁勪欢锛屾瘡涓粍浠堕兘鏈夎嚜宸辩殑...
绛旓細2. 缁勪欢鍖绯荤粺锛Vue鎻愬＄粍浠跺寲鐨勫紑鍙戞柟寮忥紝閫氳繃缁勪欢鍙互鍒掑垎搴旂敤鐨勪笉鍚屽姛鑳介儴鍒嗭紝浣块」鐩粨鏋勬洿娓呮櫚銆佸彲澶嶇敤鎬у己銆傜粍浠舵槸鑷畾涔夌殑锛屽紑鍙戣呭彲浠ユ牴鎹渶瑕佸垱寤轰笉鍚岀被鍨嬬殑缁勪欢鏉ユ弧瓒冲簲鐢ㄧ殑闇姹傘3. 杞婚噺绾т笌鐏垫椿鎬э細鐩歌緝浜庡叾浠栧ぇ鍨嬫鏋讹紝Vue鐨勪綋绉洿灏忋佹洿瀹规槗涓婃墜銆傚悓鏃讹紝瀹冧篃鍏锋湁寰堥珮鐨勭伒娲绘э紝鏃㈠彲浠ョ敤浜...
绛旓細Vue閮借兘鎻愪緵寮哄ぇ鐨勬敮鎸併傛澶栵紝Vue杩樺彲浠ヤ笌鐜版湁鐨勯」鐩拰鎶鏈棤缂濋泦鎴愶紝浣垮緱瀹冨湪鐜颁唬鍓嶇寮鍙戜腑鍗犳嵁閲嶈鍦颁綅銆傛荤殑鏉ヨ锛孷ue鏄竴涓己澶х殑JavaScript妗嗘灦锛屼富瑕佺敤浜庢瀯寤虹敤鎴风晫闈㈠拰鍗曢〉闈㈠簲鐢ㄣ傚叾鍝嶅簲寮忔暟鎹粦瀹氥佺粍浠跺寲绯荤粺鍜岀畝娲佺殑妯℃澘璇硶浣垮緱鍓嶇寮鍙戞洿鍔犻珮鏁堝拰渚挎嵎銆
绛旓細涓婁竴鑺傚畨瑁呬簡flask锛屾垜浠幇鍦ㄩ渶瑕佸畨瑁卾ue鍓嶇妗嗘灦锛岄渶瑕佷娇鐢╲ue-cli鏂逛究瀹夎鍜岀鐞嗐傛媺鍙Vue椤圭洰杩愯闂1銆佽繖涓敊璇彁绀鸿〃鏄鍦ㄨ繍琛孷ue椤圭洰鐨勬椂鍊欙紝绯荤粺鎵句笉鍒皀eo-async杩欎釜妯″潡锛屽彲鑳芥槸鐢变簬椤圭洰閰嶇疆鎴栬呯涓夋柟搴撶己澶卞鑷寸殑銆2銆佷娇鐢ㄦ帓闄ゆ硶鍚э紝棣栧厛浣犺繖涓」鐩槸绗竴娆″垱寤虹殑鍚楋紵濡傛灉鏄紝鍘诲垱寤洪」鐩殑鏂囦欢澶...
绛旓細Vue.js鍙互浣滀负涓涓猨s搴撴潵浣跨敤锛屼篃鍙互鐢ㄥ畠鍏ㄥ鐨勫伐鍏锋潵鏋勫缓绯荤粺鐣岄潰锛岃繖浜涘彲浠ユ牴鎹」鐩殑闇瑕佺伒娲婚夋嫨锛屾墍浠ヨ锛孷ue.js鏄竴濂楁瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮忔鏋躲俈ue鐨勬牳蹇冨簱鍙叧娉ㄨ鍥惧眰锛孷ue鐨勭洰鏍囨槸閫氳繃灏藉彲鑳界畝鍗曠殑 API 瀹炵幇鍝嶅簲鐨勬暟鎹粦瀹氾紝鍦ㄨ繖涓鐐涓奦ue.js绫讳技浜庡悗鍙扮殑妯℃澘璇█銆俈ue涔熷彲浠ュ皢鐣岄潰鎷嗗垎鎴...
绛旓細8銆佽繖绉嶅叕鍙镐竴瀹氭病鏈夎鑼冪殑寮鍙戞祦绋嬶紝鍙兘杩濩I绯荤粺閮芥病鏈夈備互Vue涓轰緥锛屾鏋跺拰宸ュ叿閮芥病鏈夊闆嗘垚娴嬭瘯鍋氫换浣曟敮鎸侊紝鎵浠ヨ繖绉嶅叕鍙镐竴瀹氫粠鏉ヤ笉鍋氶泦鎴愭祴璇曠殑锛屽惁鍒欎粬浠佹棭灏变細鍙戠幇杩欎釜闂浜嗐備綘鍘昏繖鏍风殑鍏徃锛岄櫎浜嗚宸茬粡瀛︿細鐨勬妧鑳戒笉鏂鍖栬繕鑳藉鍒颁粈涔堟柊涓滆タ锛9銆佽繖绉嶅叕鍙告病鏈夐暱杩滄墦绠椼傚湪鎶鏈夊瀷涓婄殑鐭灏...
绛旓細2. 缁勪欢鍖绯荤粺锛Vue鍏佽灏嗛〉闈㈡媶鍒嗘垚鐙珛鐨勭粍浠讹紝姣忎釜缁勪欢閮芥槸鍙鐢ㄧ殑銆傝繖浣垮緱浠ｇ爜鏇村姞妯″潡鍖栵紝鏄撲簬缁存姢鍜岄噸鐢ㄣ3. 鐏垫椿鐨勯泦鎴愶細Vue鏃㈠彲浠ラ氳繃绠鍗曠殑閰嶇疆鍗曠嫭浣跨敤锛屼篃鍙互涓庣幇鏈夐」鐩棤缂濋泦鎴愩傚畠杩樺彲浠ヤ笌鍚勭鍓嶇搴撳拰宸ュ叿閰嶅悎浣跨敤锛屽璺敱銆佺姸鎬佺鐞嗙瓑銆4. 铏氭嫙DOM锛歏ue浣跨敤铏氭嫙DOM鏉ユ彁楂樻ц兘銆傚綋鐘舵...
绛旓細鎷ユ湁澶х墖璐ㄦ劅鐨勬护闀滐紱鑷劧鐨勭編棰滄晥鏋滐紱涓板瘜鏈夎叮鐨勮创绾搞佹枃瀛楁牱寮忥紱娴烽噺绮惧績鎸戦夌殑闊充箰鍜屽瓧浣撶礌鏉愶紱鐐叿鐨勮棰戣浆鍦猴紱AI鑷姩娣诲姞瀛楀箷銆傛搷浣滅晫闈㈢畝鍗曟槗瀛︼紝浼氭媿鐓х墖灏辫兘鎷嶅ソVLog锛佸搧鐗屽瀷鍙凤細IPhone 11鍗庝负 P40 绯荤粺鐗堟湰锛歩OS 14.4EMUI10.1.0 杞欢鐗堟湰锛VUE Vlog v3.21.6 ios鐗圴UE Vlog v3.21.1 瀹夊崜...
绛旓細缁勪欢鍖绯荤粺銆Vue閲囩敤浜嗙粍浠跺寲鐨勫紑鍙戞柟寮忥紝杩欐剰鍛崇潃寮鍙戣呭彲浠ュ皢椤甸潰鎷嗗垎鎴愮嫭绔嬬殑銆佸彲澶嶇敤鐨勭粍浠讹紝姣忎釜缁勪欢閮芥湁鑷繁鐨勯昏緫鍜岃鍥俱傞氳繃缁勪欢鐨勭粍鍚堝拰澶嶇敤锛屽彲浠ユ瀯寤哄鏉傜殑鐢ㄦ埛鐣岄潰銆傛澶栵紝Vue鐨勭粍浠剁郴缁熶篃鏀寔鑹ソ鐨勬ā鍧楀寲绠＄悊鍜屼唬鐮佺粍缁囷紝浣垮緱椤圭洰缁撴瀯鏇村姞娓呮櫚鍜屽彲缁存姢銆傞櫎浜嗕笂杩扮殑鏍稿績鐗规э紝Vue杩樺叿鏈夎澶氬叾浠...
绛旓細uniapp鍜vue鐨勫尯鍒槸绔彛涓嶄竴鏍枫倁niapp鏄仛绉诲姩绔殑锛寁ue鏄仛PC绔殑锛寀niapp灏辨槸鍩轰簬vue璁捐鐨勶紝瀹冧滑鐨勪富瑕佸尯鍒氨鏄鍙ｄ笉涓鏍凤紝鍏朵粬鐨勫姛鑳戒綔鐢ㄩ兘鏄竴鏍风殑锛岃櫧鐒秜ue鍜寀niapp鍙互澶氱缂栬瘧锛岃緭鍑篐5鍜屽皬绋嬪簭锛屼絾瀹冧滑鐨刢ss鍐欐硶鏄彈闄愮殑銆傚湪App绔紝濡傛灉浣跨敤vue椤甸潰锛屽垯浣跨敤webview娓叉煋銆傚鏋滀娇鐢╪vue椤甸潰...
