不具名slot用来备用插入，子组件只有不具名的slot时候，父组件才回调用slot内容，如果子组件有其他内容，父组件的内容会替换掉slot内容，slot内容不显示。
子组件:
<div>
<h2>我是子组件的标题</h2>
<slot>
只有在没有要分发的内容时才会显示。
</slot>
</div>
父组件模版：
<div>
<h1>我是父组件的标题</h1>
<my-component>
<p>这是一些初始内容</p>
<p>这是更多的初始内容</p>
</my-component>
</div>
渲染结果：
<div>
<h1>我是父组件的标题</h1>
<div>
<h2>我是子组件的标题</h2>
<p>这是一些初始内容</p>
<p>这是更多的初始内容</p>
</div>
</div>
slot分发内容 不具名slot用来备用插入，子组件只有不具名的slot时候，父组件才回调用slot内容，如果子组...
Vue slot的使用参考：26.Vue slot内容分发 什么是slot分发解构：官方定义：如果一个 JavaS...
slot又名插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是...
slot又称插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是...
Vue组件三-Slot分发内容 开始 Vue组件是学习Vue框架最比较难的部分，而这部分难点我认为可以分为三个部分...
内容分发 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程称为内容分发。 插槽 ...
vue插槽 slot Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Componen...
Vue.js实战 props 传递数据，events 触发事件和 slot 内容分发构成了 Vue 组件的3个AP...
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的...
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的...
本文标题：vue 学习记录之slot分发内容
本文链接：https://www.haomeiwen.com/subject/ejysmxtx.html
网友评论