vue中的插槽

插槽的作用是内容分发

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

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

插槽和组件的区别是:

①插槽的传递是视图的传递,而组件的传递是内容的传递;

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

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

扫描二维码关注公众号,回复: 4078046 查看本文章

这就是 居民插槽的效果。

插槽的默认信息:

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

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

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

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

只有子组件在slot当中

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

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

导入组件是这么导入的。

 

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

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

编译作用域

作用域插槽(数据传递)

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

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

猜你喜欢

转载自blog.csdn.net/wyqwilliam/article/details/84075894