微信小程序 - 自定义组件父传子 - 18

父组件传入数据：

<navbar list="{{dateList}}"></navbar>

// ---------------------js
  data: {
    dateList:['123','456','789'],
    detailList:['我是123','我是456','我是789']
  },

或者可以直接插值语法里就传入

<navbar list="{{['test1','test2','test3']}}"></navbar>

子组件接收数据：

在父组件传入的 list 数据，在子组件这边需要进行一个接收操作，具体接收格式如官方文档所示：

 <view wx:for="{{list}}" wx:key="index">
    {{item}}
  </view>

且可以设置 value 默认值，若父组件未传入，则使用此默认值

  properties: {
    list:{
      type: Array,
      // 如果不传，就会使用这个默认的值
      value: ["默认值1","默认值2","默认值3"]
    }
  },

是否传值子组件：