{"id":25290,"date":"2024-03-16T04:41:35","date_gmt":"2024-03-16T04:41:35","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/"},"modified":"2024-03-22T05:48:57","modified_gmt":"2024-03-22T05:48:57","slug":"what-is-the-execution-order-of-the-lifecycle-of-uniapp","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/","title":{"rendered":"What is the execution order of the lifecycle of Uniapp?"},"content":{"rendered":"

The execution order of the uni-app lifecycle is as follows:<\/p>\n

    \n
  1. The beforeCreate hook is called after the instance is initialized, but before data observation and event setup.<\/li>\n
  2. After creation, this is called when the instance has finished data observation, computed properties, and methods, but has not yet been mounted to the DOM.<\/li>\n
  3. beforeMount: called before the instance is mounted, when the template is about to be compiled and data in the template will be replaced with actual data.<\/li>\n
  4. mounted: This is called after the instance has been mounted to the DOM, allowing for DOM operations to be performed.<\/li>\n
  5. beforeUpdate: called before reactive data is updated, happening before the virtual DOM is re-rendered and patched.<\/li>\n
  6. This is called after the virtual DOM has been re-rendered and patched, indicating that the component has been updated and is ready for further operations.<\/li>\n
  7. beforeDestroy: Called before the instance is destroyed, at this point the instance is still fully usable.<\/li>\n
  8. Destroyed: called after the instance is destroyed, at this point all directives and observers have been unbound, and all event listeners have been removed.<\/li>\n<\/ol>\n

    It is important to note that there may be slight differences in the lifecycle hook functions mentioned above when used in small programs, H5, Apps, WeChat mini programs, and Alipay mini programs written in uni-app. Adjustments can be made based on actual development needs.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The execution order of the uni-app lifecycle is as follows: The beforeCreate hook is called after the instance is initialized, but before data observation and event setup. After creation, this is called when the instance has finished data observation, computed properties, and methods, but has not yet been mounted to the DOM. beforeMount: called before […]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-25290","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nWhat is the execution order of the lifecycle of Uniapp? - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the execution order of the lifecycle of Uniapp?\" \/>\n<meta property=\"og:description\" content=\"The execution order of the uni-app lifecycle is as follows: The beforeCreate hook is called after the instance is initialized, but before data observation and event setup. After creation, this is called when the instance has finished data observation, computed properties, and methods, but has not yet been mounted to the DOM. beforeMount: called before […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T04:41:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T05:48:57+00:00\" \/>\n<meta name=\"author\" content=\"Jackson Davis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jackson Davis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\"},\"author\":{\"name\":\"Jackson Davis\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350\"},\"headline\":\"What is the execution order of the lifecycle of Uniapp?\",\"datePublished\":\"2024-03-16T04:41:35+00:00\",\"dateModified\":\"2024-03-22T05:48:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\"},\"wordCount\":233,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\",\"name\":\"What is the execution order of the lifecycle of Uniapp? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T04:41:35+00:00\",\"dateModified\":\"2024-03-22T05:48:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is the execution order of the lifecycle of Uniapp?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350\",\"name\":\"Jackson Davis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g\",\"caption\":\"Jackson Davis\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/jacksondavis\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is the execution order of the lifecycle of Uniapp? - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/","og_locale":"en_US","og_type":"article","og_title":"What is the execution order of the lifecycle of Uniapp?","og_description":"The execution order of the uni-app lifecycle is as follows: The beforeCreate hook is called after the instance is initialized, but before data observation and event setup. After creation, this is called when the instance has finished data observation, computed properties, and methods, but has not yet been mounted to the DOM. beforeMount: called before […]","og_url":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T04:41:35+00:00","article_modified_time":"2024-03-22T05:48:57+00:00","author":"Jackson Davis","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Jackson Davis","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/"},"author":{"name":"Jackson Davis","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350"},"headline":"What is the execution order of the lifecycle of Uniapp?","datePublished":"2024-03-16T04:41:35+00:00","dateModified":"2024-03-22T05:48:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/"},"wordCount":233,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/","url":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/","name":"What is the execution order of the lifecycle of Uniapp? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T04:41:35+00:00","dateModified":"2024-03-22T05:48:57+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/what-is-the-execution-order-of-the-lifecycle-of-uniapp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is the execution order of the lifecycle of Uniapp?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/55a10b8b0457c35884c25677889ad350","name":"Jackson Davis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2fdb47d6df1226e92380d96973782572a97b0675d098bb914410dec348eb5d29?s=96&d=mm&r=g","caption":"Jackson Davis"},"url":"https:\/\/www.silicloud.com\/blog\/author\/jacksondavis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=25290"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25290\/revisions"}],"predecessor-version":[{"id":59384,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/25290\/revisions\/59384"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=25290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=25290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=25290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}