主要介绍了vue组件详解之使用slot分发内容及Vue组件中slot的用法,需要的朋友可以参考下

介绍 为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 内容分发 (或 “transclusion” 如果你熟悉 Angular)。Vue.js 实现了一个内容分发 API，使用特殊的 ‘slot’ 元素作为原始内容的插槽。 编译作用域 在深入内容分发 API 之前，我们先明确内容在哪个作用域里编译。假定模板为： {{ message }} message 应该绑定到父组件的数据，还是绑定到子组件的数据？答案是父组件。组件作用域简单地说是： 父

一、什么是slot 在使用组件时，我们常常要像这样组合它们： 当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot ， 这个过程叫作内容分发（ transclusion ）。 注意两点： 1. 组件很可能有它自己的模板。 props 传递数据、events 触发事件和slot 内容分发就构成了Vue 组件的3 个API 来源，再复杂的组