封裝banner組件

在Home組件中引入:

components：

在template中使用：

組件參數(shù)傳遞

輪播圖可以封裝成組件，但是每個(gè)頁(yè)面要展示的圖片內(nèi)容可能不一樣，所以要進(jìn)行參數(shù)傳遞，你傳什么我就展示什么。此即所謂的組件參數(shù)傳遞。

傳遞的參數(shù)名稱(chēng)可以自定義：

定義要傳遞的參數(shù)：

參數(shù)名稱(chēng)和參數(shù)的值：

Banner組件接收參數(shù)：

也可以傳遞一個(gè)對(duì)象作為參數(shù)：

Banner組件使用對(duì)象接收參數(shù)：

【發(fā)現(xiàn)】組件中傳遞參數(shù)給Banner組件：

總結(jié)

以上是生活随笔為你收集整理的vue商城项目开发：封装banner组件、组件参数传递的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。