深入理解vue中的slot与slot-scope

vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明文档。这个部分也是按照vue说明文档的顺序来写的。首先是单个插槽，单个插槽是vue的官方叫法，但是其实也可以叫它默认插槽，或者与具名插槽相对，我们可以叫它匿名插槽。其中，父组件以灰色背景填充，子组件都以浅蓝色填充。匿名插槽没有name属性，所以是匿名插槽，那么，插槽加了name属性，就变成了具名插槽。出现在不同的位置。使用非常方便，是基于vue-cli搭建工程。