画像の配列を使用してカルーセルを作成する同じ方法を人々が私に教え続けます。しかし、カルーセルの各スライドにライトボックス コンポーネントを含めたいので、このアプローチは柔軟性に欠けます。この場合、カルーセル配列に配置した画像のライトボックスの機能をオーバーライドしたくありません。それは素晴らしいことではありませんか？記述するコードが減り、Vue.js の再利用可能なコンポーネントがこれまで以上に便利になります。

スロットを使用した非常に良い例を見つけました。 GitHub 上の SSENSE による Vue Carousel。 Web 開発にあまり熟練していない私には、彼がどのようにして各スライドにスロットを表示させたのか、まだ理解できません。これはテンプレートです

ご覧のとおり、親コンポーネントのカルーセルと子コンポーネントのスライドショーがあります。私にとって最も困難だったのは、カルーセルの機能を作成するためにインデックスや金額などのデータを抽出する方法を理解することでした。画像の配列を使用してカルーセルを作成する方がはるかに簡単であるという意見には同意しますが、このアプローチではカルーセル内で別のコンポーネントを使用できません。