14-Vue插槽（slot），开发共用组件
发布时间
阅读量：
阅读量
什么是 slot ?
Vue 通过 <slot> 元素为分发内容提供了一个插入点。该元素内部可以嵌入各类模板代码，例如 HTML 标签或其它组件结构。
在部分组件的模板设计中，存在需要由父级组件进行内容定义的特定区域
<!-- message组件：一个弹窗消息 -->
<div class="message-container">
<div class="content">
<!-- slot是vue的内置组件 —— 插槽、占位 -->
<slot></slot>
</div>
<button>确定</button>
<button>关闭</button>
</div>
<!-- 父组件App -->
<Message>
<div class="app-message">
<p>App Message</p>
<a href="">detail</a>
</div>
</Message>
<!-- 最终的结果 -->
<div class="message全部评论 (0)
还没有任何评论哟~