前言
Vue一共有八个生命周期,beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。下图是官方的生命周期示例,结合图片我们一起探讨一下
- beforeCreate:在Vue实例创建之前
- created:Vue创建之后,即Vue已经初始化了。一般在这里获取数据
- beforeMount:挂载dom元素之前
- mounted:Vue实例挂载完成,页面渲染完毕。这时可以获取到vue挂载的dom元素了
- beforeUpdate:数据发生变化之前
- updated:数据改变完成
- beforeDestroy:Vue实例卸载之前。一般会进行清除定时器、清除监听之类的操作
- destroyed:Vue实例卸载完成