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

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

二者区别 在于：

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

下面定义两个模板

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

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

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

示例：

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

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

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

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

无论小程序，还是安卓开发，森激档列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式，1.可以单穿某个字段，2.可以传对象。

这里我只讲下怎么传递对象，在实际开发中，传铅此对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析：

1.列表的点击事件，最重要的是如何获点下对应item的position 下标。

定义一个下标：通过 wx:for-index="index" ，并指定 <view id="{{index}}"/>

2.通过定义好的下标index获取对象。

获取方式： event.currentTarget.id

再通过： JSON.stringify() 得到let

3.怎么接收?

let item = JSON.parse(options.dataObject)

dataObject 参数是跳转url 定义的，类似一般此乱的get请求格式，不多说

最后总结一下：

也可以通过自定义属性来指定下标 data - xxxx

再获取： event.currentTarget.dataset.postid

传递多个参数： 就是一个url路劲拼接而成

---