[小程序/快应用]自定义组件（Component）中初始化加载：生命周期函数

1. 在微信小程序的自定义组件（Component）中，当组件初始化完成后加载函数：生命周期函数。
   

生命周期函数

• 小程序>Component：微信、抖音
• developers.weixin.qq.com/miniprogram…

• attached	Function	否	组件生命周期函数-在组件实例进入页面节点树时执行)
  ready	Function	否	组件生命周期函数-在组件布局完成后执行)
  moved	Function	否	组件生命周期函数-在组件实例被移动到节点树另一个位置时执行)
  detached	Function	否	组件生命周期函数-在组件实例被从页面节点树移除时执行)

/** 组件的方法列表   */

methods: {
   onLoad: function(){
       console.log('初始化加载')
   }
},

//组件生命周期函数-在组件布局完成后执行
ready: function(){
   this.onLoad()
},

自定义组件的传值和接收

//父组件、自定义组件：my-circle、传值参数：percent
<my-circle class="circle" percent="{{faces.score}}"></my-circle>

//子组件接收值

Component({
  data: {
  },
  properties: {
    percent: {
      type: Number
    }
  },
  methods: {
	 onCircle:function(msg){
	     console.log(msg)
	 },
  },
  
  ready: function() { 
    this.onCircle(this.properties.percent)
  }
  
})

【快应用】自定义组件（Component）中初始化加载：生命周期函数

快应用生命周期函数

• 页面的生命周期：onInit、onReady、onShow、onHide、onDestroy、onBackPress、onMenuPress
• 页面的状态：显示、隐藏、销毁
• APP 的生命周期：onCreate、onDestroy、onError、onPageNotFound

doc.quickapp.cn/tutorial/fr…

//自定义组件my-circle
<my-circle class="circle" percent="{{faces.score}}"/>

//子组件接收
export default {
  data() {
    return {
      beginAngle: 0,
    };
  },
  //收接父级传递的自定义组件值
  props: {
    percent: {
      type: Number,
      default: 0,
      validator: function(value) {
        return value >= 0 && value <= 100;
      }
    }
  },

  computed: {
    onLoad() {
      console.log('函数')
    }
  },

  //初始化加载
  onInit() {
    console.log('初始化函数')
  }
};