vue的生命周期简述

134 阅读1分钟
  • beforeCreate:创建前,此时datamethods都还未初始化,所以不能调用

  • created:创建后,此时datamethods已经初始化,可以调用

  • beforeMount:挂载前,此时template已经生成但未挂载到页面,页面和created一样

  • mounted:挂在后,此时vue实例已经初始化完成,dom已经挂载到页面,可以操作dom和第三方dom

  • beforeUpdate:更新前,此时data等已经更新,但是没有同步到页面

  • updated:更新后,此时已经同步到页面中。

  • beforeDestory:销毁前,此时vue实例进入销毁阶段,datamethods、指令、过滤器都还没被销毁,可以正常使用

  • destoryed:销毁后,此时组件已经被销毁,不能调用datamethods