微信小程序父组件向子组件传递参数

1. 传递布尔值、字符串

        接受参数格式：

properties: {
    isCompleted:Boolean,
    string:String
  },

       组件：<order-Lef-Rig/>  传递参数要用{{}}把true/false括起来，否则就是传递字符串了 

<order-Lef-Rig
    isCompleted="{{true}}"
    string="字符串"
/>

2. 传递对象

定义一个state下的cart数组，数组内放置对象

state: {
    cart:[{
      "createTime": "下单时间",
      "code": "状态码",
      "isSuccess": "操作是否成功",
      "message": "相关信息",
      "data": {
          "totalCount": "总记录数",
          "totalPage": "总的页数",
          "list": [{
              "number": "订单号",
              "tele": "用户注册时的电话",
              "address": {
                  "receiveTele": "收餐人电话",
                  "receiveName": "收餐人称呼",
                  "detail": "详细地址"
              },
              "totalPrice": "订单总价",
              "createTime": "下单时间",
              "foodList": [{
                  "foodName": "菜名",
                  "sum": "数量",
                  "price": "价格",
                  "photoAddress": "图片url"
              }],
              "note": "备注"
          }]
      }
  }],        // 购物车的物品数组
    hadone:[{
      "createTime": "下单时间",
      "code": "状态码",
      "isSuccess": "操作是否成功",
      "message": "相关信息",
      "data": {
          "totalCount": "总记录数",
          "totalPage": "总的页数",
          "list": [{
              "number": "订单号",
              "tele": "用户注册时的电话",
              "address": {
                  "receiveTele": "收餐人电话",
                  "receiveName": "收餐人称呼",
                  "detail": "详细地址"
              },
              "totalPrice": "订单总价",
              "createTime": "下单时间",
              "foodList": [{
                  "foodName": "菜名",
                  "sum": "数量",
                  "price": "价格",
                  "photoAddress": "图片url"
              }],
              "note": "备注"
          }]
      }
  },
  {
    "createTime": "下单时间",
    "code": "状态码",
    "isSuccess": "操作是否成功",
    "message": "相关信息",
    "data": {
        "totalCount": "总记录数",
        "totalPage": "总的页数",
        "list": [{
            "number": "订单号",
            "tele": "用户注册时的电话",
            "address": {
                "receiveTele": "收餐人电话",
                "receiveName": "收餐人称呼",
                "detail": "详细地址"
            },
            "totalPrice": "订单总价",
            "createTime": "下单时间",
            "foodList": [{
                "foodName": "菜名",
                "sum": "数量",
                "price": "价格",
                "photoAddress": "图片url"
            }],
            "note": "备注"
        }]
    }
}]       //已完成订单
  }

组件接收：

 properties: {

    itemDetails:Object

  },

wxml中：

<view class="order-items">

//order-item为子组件名，传递参数

//这里的isCompleted是一个布尔值来决定选用$state.cart还是$state.hadone

          <order-item wx:for="{{isCompleted?$state.cart:$state.hadone}}" 

                wx:for-item="item"  wx:for-index="index"

          itemDetails="{{item}}"

          >

          </order-item>

</view>

<view class="orderItem">
    orderItem组件的内容区
    {{itemDetails.createTime}}
</view>

输出结果：