slot都是用在子组件的原因-创新互联

这篇文章给大家分享的是有关slot都是用在子组件的原因的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

使用slot场景一：

子组件Minput.vue

父组件 Minput

可以显示吗

这种情况下  Minput标签内的文字是不会渲染出来的

如果现在想在里面把文字渲染出来怎么办

好 用slot

子组件

这样的话，父组件的里面的文字就可以渲染出来

场景二：具名插槽

子组件 he.vue

父组件

    
hello world

渲染出来的结果就是

hello world

场景三

子组件 child

    
这是h2
    这是分发内容,只有在没有分发内容的情况下显示

父组件

    
这是一段p
    
两段p

渲染出来就是

这是h2
这是一段p
两段p

如果父组件

那么渲染出来的就是

这是h2
这是分发内容，只有在没有分发内容的情况下显示

场景四:作用域插槽

父组件

x渲染的话就是

  

    hello from parent
    hello from child
  

感谢各位的阅读！关于slot都是用在子组件的原因就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！