关于小程序页面调用组件传参与使用函数

小程序中有很多可以服用的模块,可以抽象出独立的组件,重复调用

购物车组件中的把该组件取名 name=“name”,可在组件中直接调用父页面中的方法 bindtap=‘aa’,无法直接调用组件本身的js文件里的方法,

<template name="product">
<block wx:for="{{commodity_list}}" wx:key="list">
<navigator  hover-class="none"  url='{{hrefurl}}?id={{item.id}}' bindtap='aa'>
<view class='commodity_box'>
<view class='commodity_img'>
<block wx:if="{{item.imageUrl}}">
<image lazy-load='true' src="{{item.imageUrl}}"></image>     <!--商品图片-->
</block>
</view>
<view class='commodity_info'>
<view class='commodity_sellOut'>
<text class='sellOut'>已售{{item.sold}}份/</text>
<text class='residue'>剩余{{item.surplus}}份</text>
</view>
</view>
</view>
</navigator>
</block>
</template>

页面调用组件的方法如下 ,数据传入方法data=’’{{string,arr[],object{}}}",传入需要的数据,可传对象,可传多个数据,组件中可直接使用Mustache双大括号的方法使用父页面传入的数据

<template is="product" data="{{commodity_list,defalutimgUrl,hrefurl}}"> </template>