小程序自定义组件核心

序：wxss wxml文件正常书写 可以使用 slot 标签占位（目前微信版本存在位置插入不准确情况 基础库版本2.0.9）

以下为实际操作

1.json 文件中配置

{

    "component": true

}

2.js 部分代码框架

Component({ //组件使用component 不要写成page
    options: {
        multipleSlots: true  // 在组件定义时的选项中启用多slot支持
    },
    properties: {
        //由上层组件传递过来的数据
        swipeData: { //eg
            type: Object,
        }
    },

    data: { // 参数
        startX: null, //eg
    },
    onLoad() {
        this.data.swipeData.style = 0//eg
    },
    methods: { //事件定义
        handleRightBtnTap(e) {//eg
            this.triggerEvent('delItem', item);//向组件外事件传参
        }
    }
})