您现在的位置是:自如初>Vue.jsVue.js

Vue3 setup中使用生命周期函数

温新 2021-08-22 20:34:44 Vue.js 7596人已围观

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

hi,我是温新,一名PHPer

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

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

生命周期函数有:onBeforeMountonMountedonBeforeUpdateonUpdatedonBeforeUnmountonUnmountedonErrorCapturedonRenderTrackedonRenderTriggeredonActivatedonDeactivated

<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)

文章评论

登录 注册

自如初--时间轴

站名:自如初

独白:向前走!向前走!

邮箱:ziruchu@qq.com

RSS: RSS

站点信息