vue3:从生命周期开始学习vue3
发布日期:2021-05-07 10:00:15 浏览次数:17 分类:精选文章

本文共 647 字,大约阅读时间需要 2 分钟。

vue3比vue2有什么优势

  • 性能更好
  • 体积更小
  • 更好的 ts 支持(vue3用ts开发)
  • 更好的代码组织
  • 更好的逻辑抽离
  • 更多新功能

vue3生命周期

options API 和 Composition API

选项式 API Hook inside setup
beforeCreate Not needed*
created Not needed*
beforeMount onBeforeMount
mounted onMounted
beforeUpdate onBeforeUpdate
updated onUpdated
beforeUnmount onBeforeUnmount
unmounted onUnmounted
errorCaptured onErrorCaptured
renderTracked onRenderTracked
renderTriggered onRenderTriggered

因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显式地定义它们。换句话说,在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。

// MyBook.vueexport default {     setup() {       // mounted    onMounted(() => {         console.log('Component is mounted!')    })  }}
上一篇:vue3:Composition API
下一篇:【免费分享】4月24日精选行业报告分享-免费行业报告下载(7份)

发表评论

最新留言

感谢大佬
[***.8.128.20]2025年04月19日 08时22分09秒