在網(wǎng)頁(yè)設(shè)計(jì)中，圖片滾動(dòng)展示是一個(gè)非常常見(jiàn)的功能。在Vue中，我們可以使用組件的方式來(lái)實(shí)現(xiàn)這一功能。

首先，我們需要在Vue中引入所需的組件庫(kù)。這里我們使用的是element-ui。在代碼中，我們需要先注冊(cè)組件才能使用它們。示例代碼如下：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

接下來(lái)，我們需要在Vue中定義一個(gè)滾動(dòng)圖片組件。在這個(gè)組件中，我們需要定義一個(gè)變量來(lái)存儲(chǔ)圖片列表，還需要定義一個(gè)函數(shù)來(lái)實(shí)現(xiàn)點(diǎn)擊圖片滾動(dòng)的功能。代碼示例如下：

< template >< div class="slide" >< el-carousel :interval="5000" arrow="none" indicator-position="outside" >< el-carousel-item v-for="(item, index) in slideList" :key="index" >< img :src="item.url" alt="">< /el-carousel-item>< /el-carousel>< /div>< /template>