1.輪播圖 計(jì)算分頁
在圖標(biāo)分頁區(qū)域加入輪播圖效果罐盔，一個頁面顯示8個圖標(biāo)但绕，超出部分被放到下一頁展示救崔。
在computed屬性中計(jì)算分頁:
computed:{
pages() {
const pages=[]
this.imgList.forEach((item,index) => {
// 數(shù)據(jù)展示在輪播圖的第幾頁
const page = Math.floor(index/8)
if(!pages[page]){
pages[page]=[]
}
// pages擴(kuò)展為二維數(shù)組
pages[page].push(item)
})
return pages
}
}
computed一般只用getter惶看，上面就是getter的默認(rèn)形式，在調(diào)用computed中函數(shù)時六孵，對應(yīng)的getter方法會被自動調(diào)用纬黎。
面試常問：computed和watch區(qū)別
Computed特點(diǎn)：
需要主動調(diào)用，具有緩存能力只有數(shù)據(jù)再次改變才會重新渲染劫窒，
否則就會直接拿取緩存中的數(shù)據(jù)本今。
Watch特點(diǎn)：
無論在哪只要被綁定數(shù)據(jù)發(fā)生變化Watch就會響應(yīng)，
這個特點(diǎn)很適合在異步操作時用上主巍。
輪播圖效果.gif
2.stylus中函數(shù)
超出文字省略.png
區(qū)域中文字超出部分省略的寫法冠息，由于這部分常用，可以編寫成函數(shù)保存起來孕索，時候的時候調(diào)用函數(shù)即可
ellipsis()
overflow: hidden
white-space: nowrap
text-overflow: ellipsis
調(diào)用函數(shù).png
