189 8069 5689
这篇文章给大家分享的是有关slot都是用在子组件的原因的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。
成都创新互联公司是一家专业提供纳雍企业网站建设,专注与成都网站制作、成都网站设计、外贸营销网站建设、H5响应式网站、小程序制作等业务。10年已为纳雍众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
使用slot场景一：
子组件Minput.vue
父组件 Minput
可以显示吗
这种情况下 Minput标签内的文字是不会渲染出来的
如果现在想在里面把文字渲染出来怎么办
好 用slot
子组件
这样的话，父组件的里面的文字就可以渲染出来
场景二：具名插槽
子组件 he.vue
父组件
hello world
渲染出来的结果就是
hello world
场景三
子组件 child
这是h2
这是分发内容,只有在没有分发内容的情况下显示
父组件
这是一段p
两段p
渲染出来就是
这是h2
这是一段p
两段p
如果父组件
那么渲染出来的就是
这是h2
这是分发内容，只有在没有分发内容的情况下显示
场景四:作用域插槽
父组件
hello from parent {{ props.text }}
x渲染的话就是
hello from parent hello from child
感谢各位的阅读！关于slot都是用在子组件的原因就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！