Vue框架插槽(第八课)

案例 组件信息的通信

 

插槽 v-slot

1. 这个时候我们就可以来定义插槽slot： 插槽的使用过程其实是抽取共性、预留不同；
2. 我们会将共同的元素、内容依然在组件内进行封装；
3. 同时会将不同的元素使用slot作为占位，让外部决定到底显示什么样的元素；
4. 如何使用slot呢？
5. Vue中将 元素作为承载分发内容的出口；
6. 在封装组件中，使用特殊的元素就可以为封装组件开启一个插槽；
7. 该插槽插入什么内容取决于父组件如何使用；

插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。简单理解就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”.