前端培训之组件间通信 4:slot

1. 理解
此方式用于父组件向子组件传递`标签数据`
2. 子组件:Child.vue
<template>

    <div>
            <slotname=”xxx”>不确定的标签结构 1</slot>

           <div>组件确定的标签结构</div>

          <slotname=”yyy”>不确定的标签结构 2</slot>

    </div>

</template>
3. 父组件:Parent.vue
<child>

       <divslot=”xxx”>xxx 对应的标签结构</div>

      <divslot=”yyy”>yyyy 对应的标签结构</div>

</child>

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训，尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习

上一篇: 前端培训之组件间通信 3: 消息订阅与发布(PubSubJS 库)
下一篇: 前端培训之vue-resource 的使用