小程序模板和组件的区别（点击 *** 作事件）

小程序在使用时，经常会在不同的页面用到相同的页面结构，这个时候我们如果一个个写的话没有必要，这个时候可以使用模板（template）或者组件（component）。

二者区别 在于：

1、需要定义模板：一个template.wxml文件中能写多个模板，用name区分，

下面定义两个模板

2、使用这两个模板，在对应的wxml文件引入：

3、上面在模板content里定义了点击事件subtractNum方法，因为template中没有js文件，因此template中的点击事件，在使用页面中的js里定义。

建议将有子列表 *** 作交互的写成component。

示例：

对应组件的wxml跟page里的wxml一样：

2、使用自定义组件前，首先要在页面的 json 文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径

这样，在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名，节点属性即传递给组件的属性值。

下一节将进入如何 组件向父级传值（组件通信）

1、打开开发者工具，新建一个页面，并创建页面元素。

2、使用bindtap属性给按钮绑定点击事件。

3、打开JS文件，添加点击后，执行的方法函数。

4、点击一下绑定了事件的按钮。

5、点击后，可以看到，控制台输出！说明成功。

1 用户点击广告，会触发onhide事件

2 用户返回，会触发onshow，并会携带参数（场景值1038，针对小程序）

利用这两点 就可以间接实现监听小程序广告点击事件了

此外，onhide和onshow事件可以计算时间，这样可以判断用户在广告页的停留时长

用户点击广告，可以下发奖励，这里我们可以设计给用户红包和给用户资源两种形式，红包可以做到秒提现到微信零钱，个人小程序无法认证，如何使用企业付款到零钱接口呢，这里可以采用ID绑定的方式

1 用户首次点击提现，携带用户ID跳转企业小程序，通过wx.login获取openID 这个不用授权，然后绑定用户ID和openID，提现的时候 直接用企业小程序给他打钱就行了

---