本指南假定你已经阅读了 组合式 API 简介和响应性基础。如果你不熟悉组合式 API,请先阅读这篇文章。
在 Vue Mastery 上观看关于生命周期钩子的免费视频
你可以通过在生命周期钩子前面加上 “on” 来访问组件的生命周期钩子。
下表包含如何在 setup () 内部调用生命周期钩子:
| 选项式 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 | 
TIP
 因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显式地定义它们。换句话说,在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。
这些函数接受一个回调函数,当钩子被组件调用时将会被执行:
// MyBook.vue
export default {
  setup() {
    // mounted
    onMounted(() => {
      console.log('Component is mounted!')
    })
  }
}            
                分享题目:创新互联VUE3教程:Vue3.0组合式API生命周期钩子
                
                文章来源:http://www.csdahua.cn/qtweb/news22/357472.html
            
网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网