小程序给组件传值

父组件wxml

<--! 把循环中的每一项传给子组件 -- >
<view class="playlist">
  <block wx:for="{{playlist}}" wx:key="_id">
    <x-playlist  playlist = "{{item}}">
    </x-playlist>
    <--! x-playlist 是定义子组件的名称 -- >
  </block>
</view>

子组件js

//声明传过来的值的类型  playlist 为传过来的值的名称
properties: {
    playlist:{
      type:Object
    }
  },

子组件wxml
playlist就是传过来的值

<view >
<image src="{{playlist.picUrl}}" class="playimg"></image>
<view class="playname">{{playlist.name}}</view>
</view>