vue组件的生命周期,vue 子组件生命周期

页面生命周期 onLoad ：页面加载时onReady：页面所有内容加载完毕onShow：页面显示的时候触发onHide：当页面被隐藏时触发onUnload：当页面卸载是触发 组件生命周期 Component({ lifetimes: { created: function() { //在组件实例刚刚被创建时执行 }, attached: function() {//在组件实例进入页面节点树时执行 }, ready: function() { // 在组件在视图层布局完成后执行 }, moved: function() { // 在组件实例被移动到节点树另一个位置时执行 }, detached: function() { // 在组件实例被从页面节点树移除时执行 }, error: function() { // 每当组件方法抛出错误时执行 }, }, // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容 attached: function() { // 在组件实例进入页面节点树时执行 }, detached: function() { // 在组件实例被从页面节点树移除时执行 }, // ...}) 组件所在页面的生命周期 Component({ pageLifetimes: { show: function() { // 页面被展示 }, hide: function() { // 页面被隐藏 }, resize: function(size) { // 页面尺寸变化 } }})