转自：https://www.cnblogs.com/fundebug/p/vue-slot.html 为了保证的可读性，本文采用意译而非直译。 最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性 ...

Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot> 元素作为承载分发内容的出口。 slot插槽内可以使用任何模板，甚至可以包含html和其他组件 1.基础用法 父组件home.vue， 子 ...

slot元素作为组件模板之中的内容分发插槽。这个元素自身将被替换。 有 name 特性的 slot 称为具名 slot。 有 slot 特性的内容将分发到名字相匹配的具名 slot。 一、单个组件 如果子组件的模板不包含 slot，那么父组件的内容就会被抛弃 父组件 ...

slot内容分发 如果有first传入 ，下面first就被替换，如果没有first传入，则显示下面模块中的内容 <children> <span slot="first">【12345】</span> < ...

插槽含义：就是引入子组件后，在插入子组件元素中添加信息或者标签，使得子组件的指定位置插入信息或者标签 插槽有三种：默认插槽、具名插槽、作用域插槽，由于vue2.6.0后对插槽进行修改，但是兼容2.6.0前的版本，博文中只说明2.6.0后的插槽，vue3.0后面会去除2.60前的版本兼容 ...

一，思考，element-UI <el-table>中如何获取当前行数据？ <el-table-column prop label="操作"> <template slot-scope="scope"> ...

学习vue.js也有一段时间了，关于slot这一块，也看了不少次了，总感觉有点迷迷糊糊，不知其然也不知其所以然，抽出一段完整的时间，再一次仔细学习。稍微有点理解了，在此稍作记录，好记性不如烂笔头嘛！ vue关于实现slot的原因也给与了解释： 为了让组件可以组合，我们需要一种方式来混合父 ...

id="app"> <child-component> <h2 slot="he ...