封裝banner組件

在Home組件中引入:

components：

在template中使用：

組件參數傳遞

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

傳遞的參數名稱可以自定義：

定義要傳遞的參數：

參數名稱和參數的值：

Banner組件接收參數：

也可以傳遞一個對象作為參數：

Banner組件使用對象接收參數：

【發現】組件中傳遞參數給Banner組件：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。