之前写的关于vue中的slots的文档很短,语言很简洁,加上它和methods,data,computed等常用选项的使用频率,使用顺序的不同可能会导致刚接触sockets的开发者容易说“算了,以后再学吧,反正能写出基本的组件”,于是你关闭了vue文档。其实slot的概念很简单,下面分为三个部分。这部分也是按照vue文档的顺序写的。在进入三部分之前,先让没有接触过slot的同学对slot是什么有一个简单的概念:slot,即槽,是一个组件的HTML模板,这个模板是否显示,以及如何显示由父组件决定。其实这里就突出了slot的两个核心问题,要不要显示,怎么显示。由于slot是模板,所以任何组件从模板类型上都可以分为两类:非slot模板和slot模板。非槽位模板是指html模板,指的是'div,span,ul,table'等。非槽位模板的显示和隐藏以及如何显示由插件本身控制;slot模板是一个slot,是一个空壳,因为它的显示和隐藏以及用什么样的html模板显示都是由父组件控制的。但是slot显示的位置是由子组件自己决定的。slot写在组件模板的地方,以后会显示父组件传过来的模板。单槽|默认插槽|匿名插槽首先是单个插槽。singleslot是vue的官方名称,其实也可以叫做defaultslot,或者相对于namedslot,我们可以称之为anonymousslot。槽。因为它不需要设置name属性。单个插槽可以放置在组件中的任何位置,但正如它的名字一样,一个组件中只能有一个这种类型的插槽。相应的,命名槽可以有多个,只要名字(name属性)不同即可。一个例子如下所示。父组件:这是父组件
