## :-: 父节点向子组件传递wxml代码（将页面的wxml代码传递到组件） ### 1.在index.wxml添加需要添加到组件的代码 ``` <!-- "pages/index/index.wxml" --> <view class="container"> <v-music bind:message="onMshow" tag-class="font-color"> <text slot="after">xhhh</text> </v-music> </view> ``` ### 2.在组件music.js设置注册项 ``` // components/music/music.js Component({ /** * 组件的属性列表 */ properties: {}, // 设置注册项 options: { multipleSlots: true }, externalClasses: ['tag-class'], /** * 组件的初始数据 */ data: { msg: "you are beautiful" }, }) ``` ### 3.在组件music.wxml接收来自父组件的代码段 ``` <!--components/music/music.wxml--> <view bindtap="onShow" class="tag-class"> 我是谁？ <!-- slot 父节点向子组件传递wxml代码 --> <slot name="after"></slot> </view> ```