vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。实际上,一个slot最核心的两个问题这里就点出来了,是显示不显示和怎样显示。由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用

深入理解vue中slot与slot-scope的具体使用