深入了解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() {}data() {return {}},created() {...}
vue3 中的生命周期 setup 在最外层，不需要按需加载，其他的生命周期得按需加载才能使用
import { omMounted } from 'vue'setup() {onMounted(() => { ... })}
总结
【深入了解vue2与vue3的生命周期对比】本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
推荐阅读
- 深入理解Go之generate
- 我们重新了解付费。
- 拍照一年啦，如果你想了解我，那就请先看看这篇文章
- C语言中的时间函数clock()和time()你都了解吗
- 【1057快报】深入机关，走下田间，交通普法，共创文明
- 操作系统|[译]从内部了解现代浏览器(1)
- 生发知识，带你深入了解
- 深入理解|深入理解 Android 9.0 Crash 机制（二）
- 了解自然大气粒子对气候的影响
- 深入浅出谈一下有关分布式消息技术（Kafka）