深入了解vue2与vue3的生命周期对比

极客

　　这篇文章主要为大家介绍了vue2与vue3的生命周期对比，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助


周期对比
                        vue2            vue3                                    beforeCreate            setup                            created            setup                            beforeMount            onBeforeMount                            mounted            onMounted                            beforeUpdate            onBeforeUpdate                            updated            onUpdated                            activeted            onActiveted                            deactiveted            onDeactiveted                            beforeDestory            onBeforeUnmount                            destoryed            onUnmounted            
用法
　　vue2 中的生命周期与 data / methods 同级别以函数方式使用，比如 created() {}

2. data() {
3.     return {}
4. },
5. created() {
6.     ...
7. }

复制代码

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

2. import { omMounted } from 'vue'
3. setup() {
4.     onMounted(() => { ... })
5. }

复制代码

总结

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

---