慕村225694
2018-09-15 10:29:51
在app內(nèi)經(jīng)常能看到這種類型的輪播圖,不知道在移動(dòng)端web頁(yè)面上怎么實(shí)現(xiàn)呢?最近寫移動(dòng)端都是基于vue的,不知道如果需要封裝成一個(gè)vue的組件,又是一種怎么寫的思路呢?
1 回答

12345678_0001
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
說(shuō)一下個(gè)人思路:
要進(jìn)行封裝組件,首先考慮清楚組件的功能是什么,那些需要外部傳遞,那些需要自身實(shí)現(xiàn),以題主的為例
一切都是組件,那么該輪播組件需要外部提供一些數(shù)據(jù)過(guò)來(lái): 圖片列表,切換回調(diào),寬高
輪播組件自身需要實(shí)現(xiàn)就是使用傳遞進(jìn)來(lái)的圖片,寬高來(lái)進(jìn)行數(shù)據(jù)渲染,布局
此外考慮到擴(kuò)展性,輪播組件還需要提供動(dòng)態(tài)設(shè)置某個(gè)圖片,或者跳到指定圖片上去
說(shuō)下技術(shù)實(shí)現(xiàn)點(diǎn):
我會(huì)用Vue組件來(lái)實(shí)現(xiàn)
vue之間通信方式有事件,還有props,這里推薦使用props進(jìn)行傳值
添加回答
舉報(bào)
0/150
提交
取消