Vue的生命周期方法

beforeCreate 在实例初始化之后,数据观测(data observe)和 event/watcher 事件配置之前被调用。在当前阶段 data、methods、computed 以及 watch 上的数据和方法都不能被访问。

created 实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测(data observe ),属性和方法的运算,watch/event 事件回调。这里没有 $el,如果非要想与 DOM 进行交互,可以通过vm.$nextTick 来访问 DOM。

beforeMount 在挂载开始之前被调用:相关的 render 函数首次被调用。

mounted 在挂载完成后发生,在当前阶段,真实的 Dom 挂载完毕,数据完成双向绑定,可以访问到 Dom节点。

beforeUpdate 数据更新时调用,发生在虚拟 DOM 重新渲染和打补丁 (patch)之前。可以在这个钩子中进一步地更改状态,这不会触发附加的重渲染过程。(数据修改页面未修改)

updated 发生在更新完成之后,当前阶段组件 Dom 已经完成更新。要注意的是避免在此期间更新数据,因为这个可能导致无限循环的更新,该钩子在服务器渲染期间不被调用。

beforeDestroy 实例销毁之前调用。在这一步,实例仍然完全可用。我们可以在这时进行 善后收尾工作,比如清除定时器。

destroyed  Vue实例销毁后调用。调用后,Vue实例指示的东西都会解绑定,所有的事件监听器会被移除,左右的子实例也会被销毁,该钩子在服务器端渲染不被调用。

activated keep-alive 专属,组件被激活时调用

deactivated keep-alive 专属,组件被销毁时调用

相关推荐

  1. Vue生命周期

    2024-01-21 12:36:01       63 阅读
  2. vue生命周期

    2024-01-21 12:36:01       38 阅读
  3. Vue生命周期

    2024-01-21 12:36:01       37 阅读
  4. Vue生命周期

    2024-01-21 12:36:01       39 阅读
  5. vue生命周期

    2024-01-21 12:36:01       32 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-21 12:36:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-21 12:36:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-21 12:36:01       82 阅读
  4. Python语言-面向对象

    2024-01-21 12:36:01       91 阅读

热门阅读

  1. 句子逆序(机试)

    2024-01-21 12:36:01       53 阅读
  2. Stable Diffusion中的Embeddings

    2024-01-21 12:36:01       51 阅读
  3. 微服务架构所面临的技术问题

    2024-01-21 12:36:01       54 阅读
  4. http和https详细解析

    2024-01-21 12:36:01       50 阅读
  5. Ubuntu22 启动后只有鼠标没有桌面

    2024-01-21 12:36:01       52 阅读