vue自定义组件中再嵌套其他组件

vue自定义组件中再嵌套其他组件

其实就是在容器组件里放一个插槽（slot)。

VUE的看点是组件。组件应用的典型例子，是一个网站首页。分为若干版块。每个版块都是一个方框框，样式一致，只是版块中间内容不同。对于VUE来说，很自然的想法，就是方框是一个组件，然后里面嵌套个性化内容，或者每个版块索性也做一个组件。这样就提出了题目描述的需求：如何实现自定义组件中再嵌套其他组件。俄罗斯套娃。

实现起来十分简单。就是在方框组件（即容器组件）中放置一个插槽（slot)。

1、容器组件（Block.vue)

2、子组件(Yacht.vue)

3、调用

4、后记 这种需求本来十分普遍。但在某度上搜索，却极少能找到相应的答案。也许是我搜索条件不对？又或许，找计算机相关资料，某度其实真的需要改进太多。没办法，只能捏着鼻子用下去。

react上我也遇到过类似问题。解决方案见拙作：​​​react小记​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。