Vue生命周期详解

113 阅读1分钟
  1. beforeCreate:在实例初始化之后、数据观察(data observe)和event/watcher事件配置之前调用,这时无法访问data和props等数据
  2. created:在实例创建完成后立即调用,此时实例已完成数据观察(data server),属性和方法的运算,watcher/event事件回调,$el尚不可用
  3. beforemounted:在挂载开始之前被调用,相关render被首次调用(虚拟dom)
  4. mounted:实例被挂载后调用,$el可用
  5. beforeupdated:数据更新时调用,发生在虚拟dom打补丁前
  6. updated:在数据发生变更导致虚拟dom重新渲染和打补丁后,当这个钩子调用时,组件dom已经更新,可执行dom操作,
  7. beforeDestroy:在实例销毁前调用
  8. destroyed:实例销毁后调用,指令、事件监听被移除