第一步，首先先在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>
这里的名字对应的是 第三步定义的名字。