第一步,首先先在page下建立一个父组件的文件

注意,新建页面,选择Page, 他的js文件里初始化是这样的。

Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

  

第二步,在component下面建立一个子组件的文件

注意:创建组件的话 右击,选择新建Component。

使用Component新建的,初始化是下面这样。

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

  },

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

  },

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

  }
})

 

第三步:在父页面。json里引入子组件

{
  "usingComponents": {
    "v-children":"../../components/cp_demo_children/cp_children"  这里跟的是路径
  }
}

 

第四步: 在父页面wxml文件里 写入

<v-children></v-children>

这里的名字对应的是 第三步定义的名字。

 

posted on 2020-04-04 14:28  姓叶,名铁柱  阅读(209)  评论(0编辑  收藏  举报