vue.js 插槽内容

64 阅读1分钟

image.png Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 元素作为承载分发内容的出口。

它允许你像这样合成组件:

Your Profile 然后你在 的模板中可能会写为:

<a v-bind:href="url" class="nav-link"

当组件渲染的时候, 将会被替换为“Your Profile”。插槽内可以包含任何模板代码,包括 HTML:

Your Profile 甚至其它的组件: Your Profile 如果 的 template 中没有包含一个 元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。

image.png

源码免费下载地址:github.crmeb.net/u/defu