一、uniapp 應用生命周期:
https://uniapp.dcloud.net.cn/tutorial/vue3-composition-api.html
注意: 應用生命周期僅可在App.vue中監聽,在其它頁面監聽無效。
二 、uniapp頁面生命周期:
https://uniapp.dcloud.net.cn/tutorial/page.html#lifecycle
三、 引入生命周期
從 @dcloudio/uni-app 包內導入 uni-app 應用生命周期及頁面的生命周期。
- 使用組合式API
import { defineComponent, ref } from 'vue'
import { onReady } from '@dcloudio/uni-app'
export default defineComponent({setup() {const title = ref('Hello')onReady(() => {console.log('onReady')})return {title}}
})
- 使用 Script Setup
<script setup>
import { ref } from 'vue'
import { onReady } from '@dcloudio/uni-app'
const title = ref('Hello')
onReady(() => {console.log('onReady')
})
</script>