微信小程序组件的拆分及其传值

1、创建component组件

在这里插入图片描述

2、在index主页面的index.json文件里配置引入组件

在这里插入图片描述

3、在主页面的wxml里面直接写shoplist标签

• wx:for="{{list}}" 是循环已经在js文件里请求到的数据
• 以下是传值（传给组件）
  • characteristic="{{item.name || item.characteristic}}"
  • pic="{{item.pic}}" minPrice="{{item.minPrice}}"
  • originalPrice="{{item.originalPrice}}"

4、在组件的js里接收值并定义类型

5、在组件的wxml里直接写