- created:组件实例刚被创建好,此时还不能调用setData -- 刚被创建出来
- attached:组件完全初始化完毕,进入页面节点树
- 这个生命周期很有用,绝大多数初始化的工作可以在这时进行(如:发起网络请求)
- 放到UI结构中,还没有被渲染完成
- ready: 组件视图层布局完成后执行。-- 渲染完成
- moved: 组件实例被移动到另一个节点树时执行
- detached:离开页面节点树。可以清理一些定时器等工作 -- 被销毁的时候
- error: 每当组件方法抛错时执行
( ps:标红的为重要的生命周期函数 )
组件的生命周期:新旧写法同时存在的时候,以新写法为准,旧写法不会生效
两种写法:
- 与data节点平齐(旧写法)
- 在lifetimes字段中声明 (新写法)
/**
* 组件的生命周期: 新旧写法同时存在的时候,以新写法为准,旧写法不会生效
*/
// 新写法(同时存在以新方式为准,旧的不生效)
lifetimes: {
created(){},
attached(){}
},
// 旧