vue中的插槽

插槽的作用是内容分发

这就是一个插槽，插槽的内容是什么呢？是由调用它的东西来显示，也就是说谁调用，那么谁就会显示插槽的内容。

组件之间的传递是单纯的数据的分发，而插槽的传递传递的是视图。

插槽和组件的区别是：

①插槽的传递是视图的传递，而组件的传递是内容的传递；

②插槽的内容显示，是由谁调用就由谁来显示插槽的内容，组建的内容是提前已经写好了，或者在这个过程中在写数据。

插槽还可以传递多个信息：

这就是 居民插槽的效果。

插槽的默认信息：

这个就是插槽默认信息的添加，如果添加了就显示信息，如果没有添加就显示默认信息。

插槽的作用域：在哪里定义就在那里去初始化：

插槽的效果：内容由父组件传递给子组件。

UI上要显示的内容由子组件决定。

只有子组件在slot当中

这样可以有数据显示，这个数据来源于子组件。

这里的ct是有用特殊要求的，要求就是和父组件的ct一致。

导入组件是这么导入的。

 

组件的引入之后需要在component中去显示的。

总之：插槽有基础插槽和具名插槽

编译作用域

作用域插槽（数据传递）

新版本的插槽还可以这么显示。

同样的东西，在不同的地方显示出了不同的展示效果。