微信小程序(组件的生命周期)

// component/my-count/my-count.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    counter: 1
  },

  /**
   * 组件的方法列表
   */
  methods: {
    increase: function(num) {
      this.setData({
        counter: this.data.counter + num
      })
    }
  },
  lifetimes:{
    created:function(){
      console.log('组件实例创建');
    },
    attached:function(){
      console.log('组件添加到页面中')
      this.setData({
        counter: 2
      })
    },
    ready:function(){
      console.log('组件渲染完成')
    },
    moved:function(){
      console.log('组件从一个节点移到另一个节点')
    },
    detached:function(){
      console.log('组件移除时')
    }
  },
  pageLifetimes:{
    show:function(){
      console.log('页面显示')
    },
    hide:function(){
      console.log('页面隐藏')
    }
  }
})
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页