1. StackOverflow 文档
  2. Vue.js 教程
  3. 生命周期钩子
  4. Vue 1.x 的钩子

Vue 1.x 的钩子

Created: November-22, 2018

  • init

    在初始化实例之后和任何初始数据观察之前同步调用。

  • created

    在创建实例后同步调用。这发生在 $el 设置之前，但是在 data observation 之后，设置了 computed properties，watch/event callbacks 和 methods。

  • beforeCompile

    在编译 Vue 实例之前。

  • compiled

    编译完成后立即。所有 directives 都有链接，但仍然可以提供。

  • ready

    在编译之后发生并且 $el 完成并且第一次将实例注入 DOM。

  • attached

    当 directive 通过 directive 或实例调用 $appendTo() 附加到 DOM 时发生。

  • detached

    当从 DOM 或实例方法中删除/分离 $el 时调用。

  • beforeDestroy

    在 Vue 实例被销毁之前，但仍然完全正常运行。

  • destroyed

    在实例被销毁后调用。所有 bindings 和 directives 都已经没有绑定，子实例也被破坏了。