{"id":10169,"date":"2023-11-28T17:25:08","date_gmt":"2023-11-28T09:25:08","guid":{"rendered":"https:\/\/www.yimenyun.cn\/emen\/?p=10169"},"modified":"2023-11-28T17:25:08","modified_gmt":"2023-11-28T09:25:08","slug":"vue%e8%83%bd%e5%86%99app%e5%90%97%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.yimenyun.cn\/emen\/10169\/","title":{"rendered":"vue\u80fd\u5199app\u5417\uff1f"},"content":{"rendered":"
Vue.js \u662f\u4e00\u4e2a\u6d41\u884c\u7684 JavaScript \u524d\u7aef\u6846\u67b6\uff0c\u5b83\u4e3b\u8981\u7528\u4e8e\u6784\u5efa\u4ea4\u4e92\u5f0f\u7684\u5355\u9875\u9762\u5e94\u7528\u7a0b\u5e8f\uff08SPA\uff09\u3002\u800c\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u901a\u5e38\u88ab\u7f16\u5199\u4e3a\u672c\u5730\u5e94\u7528\u7a0b\u5e8f\uff0c\u8fd9\u610f\u5473\u7740\u5b83\u4eec\u9700\u8981\u4f7f\u7528\u672c\u673a\u7f16\u7a0b\u8bed\u8a00\u7f16\u5199\uff0c\u4f8b\u5982 Swift \u6216 Java\u3002\u56e0\u6b64\uff0cVue.js \u4e0d\u80fd\u76f4\u63a5\u7528\u4e8e\u7f16\u5199\u672c\u673a\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n
\u4f46\u662f\uff0cVue.js \u53ef\u4ee5\u4e0e\u5176\u4ed6\u6280\u672f\u4e00\u8d77\u4f7f\u7528\uff0c\u4ee5\u6784\u5efa\u8de8\u5e73\u53f0\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002\u8fd9\u4e9b\u6280\u672f\u5305\u62ec\uff1a<\/p>\n
1. Cordova\/PhoneGap<\/p>\n
Cordova \u548c PhoneGap \u662f\u4e24\u4e2a\u57fa\u4e8e HTML\u3001CSS \u548c JavaScript \u7684\u5f00\u6e90\u6846\u67b6\uff0c\u7528\u4e8e\u6784\u5efa\u8de8\u5e73\u53f0\u7684\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002\u8fd9\u4e9b\u6846\u67b6\u5141\u8bb8\u60a8\u4f7f\u7528 Vue.js \u7f16\u5199\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5c06\u5176\u6253\u5305\u4e3a\u672c\u673a\u5e94\u7528\u7a0b\u5e8fhtml\u5c01\u88c5exe<\/a>\u3002\u8fd9\u6837\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528 Vue.js \u7684\u5f3a\u5927\u529f\u80fd\u6765\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5c06\u5176\u8f6c\u6362\u4e3a\u672c\u673a\u5e94\u7528\u7a0b\u5e8f\uff0c\u4ee5\u4fbf\u5728 iOS \u548c Android \u8bbe\u5907\u4e0a\u8fd0\u884c\u3002<\/p>\n 2. NativeScript<\/p>\n NativeScript \u662f\u4e00\u4e2a\u5141\u8bb8\u60a8\u4f7f\u7528 JavaScript \u6784\u5efa\u672c\u673a\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u7684\u5f00\u6e90\u6846\u67b6\u3002\u5b83\u63d0\u4f9b\u4e86\u4e0e\u539f\u751f API \u7684\u6df1\u5ea6\u96c6\u6210\uff0c\u56e0\u6b64\u60a8\u53ef\u4ee5\u4f7f\u7528 Vue.js \u7f16\u5199\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5728\u4e0d\u9700\u8981 WebView \u7684\u60c5\u51b5\u4e0b\u5c06\u5176\u7f16\u8bd1\u4e3a\u672c\u5730\u5e94\u7528\u7a0b\u5e8f\u3002NativeScript \u8fd8\u63d0\u4f9b\u4e86\u8bb8\u591a Vue.js \u7279\u5b9a\u7684\u63d2\u4ef6\u548c\u5e93\uff0c\u4ee5\u5e2e\u52a9\u60a8\u66f4\u8f7b\u677e\u5730\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n 3. Weex<\/p>\n Weex \u662f\u4e00\u4e2a\u7531\u963f\u91cc\u5df4\u5df4\u5f00\u53d1\u7684\u8de8\u5e73\u53f0\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u6846\u67b6\uff0c\u5b83\u5141\u8bb8\u60a8\u4f7f\u7528 Vue.js \u7f16\u5199\u5e94\u7528\u7a0b\u5e8f\uff0c\u5e76\u5c06\u5176\u8f6c\u6362\u4e3a\u672c\u5730\u5e94\u7528\u7a0b\u5e8f\u3002\u4e0e Cordova \u548c NativeScript \u4e0d\u540c\uff0cWeex \u4e0d\u4f7f\u7528 WebView\uff0c\u800c\u662f\u4f7f\u7528\u539f\u751f\u7ec4\u4ef6\u6e32\u67d3\u5e94\u7528\u7a0b\u5e8f\u3002\u8fd9\u4f7f\u5f97\u5e94\u7528\u7a0b\u5e8f\u66f4\u52a0\u5feb\u901f\u548c\u6d41\u7545\uff0c\u5e76\u63d0\u4f9b\u4e86\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002<\/p>\n \u603b\u7684\u6765\u8bf4\uff0cVue.js \u4e0d\u80fd\u76f4\u63a5\u7528\u4e8e\u7f16\u5199\u672c\u673a\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f\u3002\u4f46\u662f\uff0c\u60a8\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6280\u672f\uff0c\u5982 Cordova\u3001Nat<\/p>\n