深入理解Vue组件六——在Vue中使用插槽

 child标签内的内容就是子组件中slot标签显示的内容

深入理解Vue组件六——在Vue中使用插槽_第1张图片

如果child中的内容为空,页面会显示slot标签中显示的内容

深入理解Vue组件六——在Vue中使用插槽_第2张图片

可以给slot取名来使用多个slot插槽

深入理解Vue组件六——在Vue中使用插槽_第3张图片

如果没有传入这个插槽,就会触发默认插槽

深入理解Vue组件六——在Vue中使用插槽_第4张图片

你可能感兴趣的:(深入理解Vue组件)