Vue组件的生命周期可以分为8个阶段:
- beforeCreate:实例创建之前,此时无法访问到data和methods等组件选项
- created:实例已经创建完成,可以访问到data和methods等组件选项,但是此时还没有渲染DOM
- beforeMount:在挂载之前被调用,此时模板已经编译完成,但是还没有渲染到HTML文档中
- mounted:在挂载之后被调用,此时组件已经被渲染到HTML文档中,可以进行DOM操作
- beforeUpdate:在数据更新之前被调用,此时可以进行一些修改数据之前的操作
- updated:在数据更新之后被调用,可以进行DOM操作
- beforeDestroy:在实例销毁之前被调用,此时可以进行一些清理工作,如清除定时器和事件监听器等
- destroyed:实例已经销毁,此时不能再访问到组件实例和DOM元素