深入了解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更新数据却不渲染页面的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue + element ui实现播放器功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-04-04
基于vue3+antDesign2+echarts 实现雷达图效果
这篇文章主要介绍了基于vue3+antDesign2+echarts 实现雷达图,本文通过实例代码图文相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-08-08
vue element-ui如何在el-tabs组件最右侧添加按钮
这篇文章主要介绍了vue element-ui如何在el-tabs组件最右侧添加按钮问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要为大家详细介绍了vue实现轮播图帧率播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要为大家详细介绍了vue-iview动态新增和删除的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要介绍了详解Vue 项目中的几个实用组件（ts），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了vue动态绑定ref(使用变量)以及获取方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue单页应用加百度统计代码的解决方法，需要的朋友参考下吧2018-01-01
今天小编就为大家分享一篇关于vue-router传参用法详解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
最新评论