VueJs - 嵌套自定義組件

我有一些問題。我將創建少量組件，並嘗試嵌套它們。所以我舉一個例子VueJs - 嵌套自定義組件

<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。
我試圖創建它們，但我不能。

你有什麼想法嗎？
感謝您的幫助。

來源

2017-03-18 riverside256

什麼是你的JavaScript代碼？ – qw3n

我沒有JS代碼，因爲我不能這樣做 – riverside256

如果圖像滑塊和幻燈片都是自定義組件，那麼你可以先創建幻燈片部件，後來創建圖像滑塊，並指從圖像滑塊滑動，這裏是一個的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>

來源

2017-03-19 07:58:59 AngeloC

因此無法創建自定義組件？ – riverside256

爲什麼不呢？該示例有兩個自定義組件：即幻燈片和圖像滑塊 – AngeloC

但我想創建，這將看起來像我的例子。 – riverside256

VueJs - 嵌套自定義組件

回答

相關問題