vue slot 插槽使用详解

目录

slot 介绍 

2.6.0以下版本

2.6.0及以上版本

作用域插槽说明

$slots 属性

slot 在组件开发中的使用

---

slot 介绍 

vue 对于前端的重要性不言而喻，而插槽对于 vue 的重要性亦是如此，在高阶组件的封装中离不开插槽的使用，所以学会使用 slot 对前端来讲很重要。

官网说：

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

所以，插槽其实是 vue 提供的用于内容分发的 API，用 slot 来作为承载分发内容的出口而已。

如下组件，slot 元素将作为承载传入 content-box 组件所有内容的出口，即传入 content-box 组件的所有内容都将被渲染到 content-box 组件内部 slot 元素的位置。

slot 元素可以承载任何内容

使用： 

    当前所有内容都会被挂载到slot元素上
    123
    

如果 组件内的