Vue 的生命周期

158 阅读1分钟
  • beforeCreate(创建前) vue实例的挂载元素$el和数据对象 data都是undefined, 还未初始化

el     : undefined
data   : undefined
message: undefined 
  • created(创建后) 完成了 data数据初始化, el还未初始化

el     : undefined
data   : [object Object]
message: hi 
  • beforeMount(载入前) vue实例的$el和data都初始化了, 相关的render函数首次被调用

el     : [object HTMLDivElement]
<div id="app"><p>{{ message }}</p></div>
data   : [object Object]
message: hi 
  • mounted(载入后) 此过程中进行ajax交互

el     : [object HTMLDivElement]
<div id="app"><p>hi</p></div>
data   : [object Object]
message: hi 
  • beforeUpdate(更新前)
  • updated(更新后)
  • beforeDestroy(销毁前)
  • destroyed(销毁后)


参考文章:juejin.cn/post/684490…

                juejin.cn/post/684490…