深入了解vue2与vue3的生命周期对比
更新时间：2021年12月17日 15:47:42 作者：新时代农民工Top
这篇文章主要为大家介绍了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(() => { ... })
}
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!
相关文章
这篇文章主要介绍了vue实现点击按钮“查看详情”弹窗展示详情列表操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
本文主要介绍了Vite图片资源打包优化的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了一文带你搞定svg-icon的使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了vue实现PC端录音功能的实例代码，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue.js 实现点击div标签时改变样式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了Vertx基于EventBus发送接受自定义对象,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-11-11
这篇文章主要介绍了详解Vue2.x-directive的学习笔记，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了vue-router动态路由设置参数可选，文中给大家提到了vue-router 动态添加 路由的方法,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了vant-ui组件调用Dialog弹窗异步关闭操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了vue分页器组件编写方法，可设置初始当前页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
最新评论