Question

我有一些问题。我将创建一些组件，并尝试嵌套它们。所以我有一个例子

<body>
    <div class="app">
        <image-slider>
            <slide image="image01.jpg"></slide-image>
            <slide image="image02.jpg"></slide-image>
            <slide image="image03.jpg"></slide-image>
        </image-slider>
    </div>
</body>

这是静态HTML，此内容不会添加VueJS 我试图创造它们，但我不能。

你有什么想法吗？谢谢你的帮助。

Answer 1

如果图像滑块和幻灯片都是自定义组件，那么您可以先创建幻灯片组件，稍后创建图像滑块，然后从图像滑块引用幻灯片，这里是jsFiddle demo

 <image-slider :images="['http://placehold.it/350x150','http://placehold.it/200x100']">
</image-slider>

 // use slide only

 <slide image="http://placehold.it/200x100"></slide>

VueJs - 嵌套自定义组件

1 个答案: