周期对比

用法

vue2 中的生命周期与 data / methods 同级别以函数方式使用，比如 created() {}

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

vue3 中的生命周期 setup 在最外层，不需要按需加载，其他的生命周期得按需加载才能使用

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

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注极客世界的更多内容!