{"id":1310,"date":"2023-03-18T11:18:10","date_gmt":"2023-03-18T03:18:10","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=1310"},"modified":"2023-04-29T09:13:56","modified_gmt":"2023-04-29T01:13:56","slug":"uni-app-main-entry-main-js-and-main-component-app-vue","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/18\/uni-app-main-entry-main-js-and-main-component-app-vue\/","title":{"rendered":"uni-app\u4e3b\u5165\u53e3main.js\u53ca\u4e3b\u7ec4\u4ef6App.vue"},"content":{"rendered":"

main.js<\/h2>\n

main.js<\/code>\u662funi-app<\/code>\u7684\u5165\u53e3\u6587\u4ef6\uff0c\u4e3b\u8981\u4f5c\u7528\u662f\u521d\u59cb\u5316vue<\/code>\u5b9e\u4f8b\u3001\u5b9a\u4e49\u5168\u5c40\u7ec4\u4ef6\u3001\u4f7f\u7528\u9700\u8981\u7684\u63d2\u4ef6\u5982vuex<\/code>\u3002<\/p>\n

\u9996\u5148\u5f15\u5165\u4e86Vue<\/code>\u5e93\u548cApp.vue<\/code>\uff0c\u521b\u5efa\u4e86\u4e00\u4e2avue<\/code>\u5b9e\u4f8b\uff0c\u5e76\u4e14\u6302\u8f7dvue<\/code>\u5b9e\u4f8b\u3002<\/p>\n

<\/p>\n

import Vue from 'vue'\nimport App from '.\/App'\nimport pageHead from '.\/components\/page-head.vue' \/\/\u5168\u5c40\u5f15\u7528page-head\u7ec4\u4ef6\n\nVue.config.productionTip = false\nVue.component('page-head', pageHead) \/\/\u5168\u5c40\u6ce8\u518cpage-head\u7ec4\u4ef6\uff0c\u6bcf\u4e2a\u9875\u9762\u5c06\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528\u8be5\u7ec4\u4ef6\nApp.mpType = 'app'\n\nconst app = new Vue({\n    ...App\n})\napp.$mount() \/\/\u6302\u8f7dVue\u5b9e\u4f8b<\/code><\/pre>\n
\u4f7f\u7528Vue.use<\/code>\u5f15\u7528\u63d2\u4ef6\uff0c\u4f7f\u7528Vue.prototype<\/code>\u6dfb\u52a0\u5168\u5c40\u53d8\u91cf\uff0c\u4f7f\u7528Vue.component<\/code>\u6ce8\u518c\u5168\u5c40\u7ec4\u4ef6<\/p>\n
\u53ef\u4ee5\u5f15\u7528vuex<\/code>\uff0c\u56e0\u6d89\u53ca\u591a\u4e2a\u6587\u4ef6\uff0c\u6b64\u5904\u6ca1\u6709\u63d0\u4f9b\u793a\u4f8b\uff0c\u8be6\u89c1hello uni-app<\/code>\u793a\u4f8b\u5de5\u7a0b<\/p>\n
\u65e0\u6cd5\u4f7f\u7528vue-router<\/code>\uff0c\u8def\u7531\u987b\u5728pages.json<\/code>\u4e2d\u8fdb\u884c\u914d\u7f6e\u3002\u5982\u679c\u5f00\u53d1\u8005\u575a\u6301\u4f7f\u7528vue-router<\/code>\uff0c\u53ef\u4ee5\u5728 \u63d2\u4ef6\u5e02\u573a<\/a> \u627e\u5230\u8f6c\u6362\u63d2\u4ef6<\/p>\n
\n
\u6ce8\u610f\uff1anvue<\/code>\u6682\u4e0d\u652f\u6301\u5728main.js<\/code>\u6ce8\u518c\u5168\u5c40\u7ec4\u4ef6<\/p>\n<\/blockquote>\n
App.vue<\/h2>\n
App.vue<\/code>\u662funi-app<\/code>\u7684\u4e3b\u7ec4\u4ef6\uff0c\u6240\u6709\u9875\u9762\u90fd\u662f\u5728App.vue<\/code>\u4e0b\u8fdb\u884c\u5207\u6362\u7684\uff0c\u662f\u9875\u9762\u5165\u53e3\u6587\u4ef6\u3002\u4f46App.vue<\/code>\u672c\u8eab\u4e0d\u662f\u9875\u9762\uff0c\u8fd9\u91cc\u4e0d\u80fd\u7f16\u5199\u89c6\u56fe\u5143\u7d20<\/p>\n
\u8fd9\u4e2a\u6587\u4ef6\u7684\u4f5c\u7528\u5305\u62ec\uff1a\u8c03\u7528\u5e94\u7528\u751f\u547d\u5468\u671f\u51fd\u6570\u3001\u914d\u7f6e\u5168\u5c40\u6837\u5f0f\u3001\u914d\u7f6e\u5168\u5c40\u7684\u5b58\u50a8globalData<\/code><\/p>\n
\u5e94\u7528\u751f\u547d\u5468\u671f\u4ec5\u53ef\u5728App.vue<\/code>\u4e2d\u76d1\u542c\uff0c\u5728\u9875\u9762\u76d1\u542c\u65e0\u6548<\/p>\n
\u5e94\u7528\u751f\u547d\u5468\u671f<\/h3>\n
uni-app<\/code>\u652f\u6301\u5982\u4e0b\u5e94\u7528\u751f\u547d\u5468\u671f\u51fd\u6570\uff1a<\/p>\n\n\n\n\n\n\n\n\n\n
\u51fd\u6570\u540d<\/th>\n\u8bf4\u660e<\/th>\n\u5e73\u53f0\u517c\u5bb9<\/th>\n<\/tr>\n<\/thead>\n
onLaunch<\/code><\/td>\n\u5f53uni-app<\/code>\u521d\u59cb\u5316\u5b8c\u6210\u65f6\u89e6\u53d1\uff08\u5168\u5c40\u53ea\u89e6\u53d1\u4e00\u6b21\uff09<\/td>\n<\/td>\n<\/tr>\n
onShow<\/code><\/td>\n\u5f53uni-app<\/code>\u542f\u52a8\uff0c\u6216\u4ece\u540e\u53f0\u8fdb\u5165\u524d\u53f0\u663e\u793a<\/td>\n<\/td>\n<\/tr>\n
onHide<\/code><\/td>\n\u5f53uni-app<\/code>\u4ece\u524d\u53f0\u8fdb\u5165\u540e\u53f0<\/td>\n<\/td>\n<\/tr>\n
onError<\/code><\/td>\n\u5f53uni-app<\/code>\u62a5\u9519\u65f6\u89e6\u53d1<\/td>\n<\/td>\n<\/tr>\n
onUniNViewMessage<\/code><\/td>\n\u5bf9nvue<\/code>\u9875\u9762\u53d1\u9001\u7684\u6570\u636e\u8fdb\u884c\u76d1\u542c\uff0c\u53ef\u53c2\u8003 nvue\u5411vue\u901a\u8baf<\/a><\/td>\nApp<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u5728App.vue<\/code>\u6587\u4ef6\u91cc\u4f7f\u7528\u751f\u547d\u5468\u671f\u51fd\u6570\uff0c\u5982\u4e0b\uff1a<\/p>\n
<script>\n    export default {\n        onLaunch: function() {\n            console.log('App Launch\uff0capp\u542f\u52a8')\n        },\n        onShow: function() {\n            console.log('App Show\uff0capp\u5c55\u73b0\u5728\u524d\u53f0')\n        },\n        onHide: function() {\n            console.log('App Hide\uff0capp\u4e0d\u518d\u5c55\u73b0\u5728\u524d\u53f0')\n        }\n    }\n<\/script><\/code><\/pre>\n
\u6ce8\u610f<\/p>\n