vue slot 理解
2017-09-09 本文已影响0人
本喵喵
slot元素作为组件模板之中的内容分发插槽。
有name的是具名slot
一、匿名slot
子组件
父组件
如果子组件里没有slot，那么内容“我是一个U盘”就不会出现
二、具名slot
slot元素可以用一个特殊的属性name 来配置如何分发内容，多个slot可以有不用的名字，根据具名slot的name来进行匹配，显示内容。如果有默认的slot，那么没有匹配到的内容将会显示到默认的slot中，如果没有默认的slot，那么没有匹配到的内容将会被抛弃。
子组件
父组件
显示：
image.png
作用：比如说一些样式一样内容不一样的页面，就可以用到slot来分发
