浅谈微信小程序，如果定义组件

第一步，首先先在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>

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