In-depth understanding of the life cycle comparison between Vue2 and Vue3

Cycle comparison

usage

The life cycle in vue2 is used as a function at the same level as data/methods, such as created() {}

data() {
    return {}
},
created() {
    ...
}

The life cycle setup in vue3 is in the outermost layer and does not need to be loaded on demand. Other life cycles must be loaded on demand to be used.

import { omMounted } from 'vue'
setup() {
    onMounted(() => { ... })
}

Summarize

This article ends here. I hope it can be helpful to you. I also hope you can pay more attention to more content on 123WORDPRESS.COM!