Vue3 setup中使用生命周期函数

hi，我是温新，一名PHPer

setup中使用生命周期函数需要加上on。

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

生命周期函数有：onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onErrorCaptured、onRenderTracked、 onRenderTriggered、onActivated、onDeactivated。

<div id="app"></div>

<script>
 const app = Vue.createApp({

  setup() {
   const {
    onBeforeMount,
    onMounted,
    onBeforeUpdate,
    onUpdated,
    onRenderTriggered,
   } = Vue;

   onBeforeMount( () => {
    console.log('before-mount');
   });
   onMounted( () => {
    console.log('mounted');
   }); 
   onBeforeUpdate( () => {
    console.log('before-update');
   });
   onUpdated( () => {
    console.log('updated');
   });
  }
 });
 const vm = app.mount('#app');
</script>

我是温新

每天进步一点，就一点点

转载：感谢您对自如初博客网站的认可，所有文章均属原创文章，技术类文章转载请注明出处，“自如初博客”；文学类文章请带文本链接地址，否则视为侵权！

很赞哦！(39)