vue生命周期

深碍√TFBOYSˉ_ 2023-06-14 13:59 259阅读 0赞

在这里插入图片描述

  1. beforeCreate
    在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。
  2. created
    实例已经创建完成之后被调用。
    在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
  3. beforeMount
    在挂载开始之前被调用：相关的 render 函数首次被调用。
  4. mounted
    el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。
  5. beforeUpdate
    数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。 你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。
  6. updated
    由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
    当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。
    该钩子在服务器端渲染期间不被调用。
  7. beforeDestroy
    实例销毁之前调用。在这一步，实例仍然完全可用。
  8. destroyed
    Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。

v-show是显示隐藏，不会触发销毁事件

发表评论

表情：
评论列表 （有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue生命周期

    vue官网讲解生命周期 传送门-[添加链接描述][Link 1] beforecreate() 在实例初始化之后，数据观测 (data observer) 和

    清疚清疚/ 0 赞/ 113 阅读

    相关 vue生命周期

    vue生命周期的理解 vue生命周期是指vue实例对象从创建之初到销毁的过程。 vue的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后 vue生

    忘是亡心i忘是亡心i/ 0 赞/ 132 阅读

    相关 vue 生命周期

    1/ beforeCreate() 在创建Vue对象之前 ； 用途动画加载 2/ created() 组件（Vue的实例化对象）创建好了，属性也绑定了，但是DOM还没生成；用

    港控/mmm°港控/mmm°/ 0 赞/ 287 阅读