微信小程序 - 在自定义组件中请求后端数据接口（引入该组件的页面触发）

前言

今天遇到这么一个问题，我写好的小程序 组件(component) 中，需要请求后端数据接口，但组件中没有 onLoad 怎么办？下面是解决方案。

描述

我开发了一个 A 页面，然后在 A 页面引入了一个组件 B ，我想在 B 组件中加载进来的时候执行一个后端请求，获取数据进行 B 组件渲染。

解决方案不止一个，我这里使用生命周期函数 attached() 解决，下面我们一起看看这个demo。

示例

组件生命周期文档：https://developers.weixin.qq.com/miniprogram/dev/framework

在组件完全初始化完毕、进入页面节点树后， attached 生命周期被触发。

此时， this.data 已被初始化为组件的当前值。这个生命周期很有用，绝大多数 初始化工作 可以在这个时机进行。

// commpontent/B.js

Component({
  /**
   * 组件的属性列表
   */
  properties: {},

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

  /**
   * 组件的方法列表
   */
  methods: {},

  /**
   * [在组件实例进入页面节点树时执行]
   * 这里写生命周期函数
   * 当调用该组件的页面加载完显示时
   * 组件就会自动触发该函数
   * 来达到组件内初始化数据作用
   */
  attached() {
    //请求数据(业务逻辑)
  }

})