嗯...首先先看一下雪碧圖的圖片

大體的布局就是這樣子。

給雪碧圖v-bind綁定了一個(gè)三目運(yùn)算符的判斷，然后title對(duì)象里面的每一個(gè)數(shù)組都包含一個(gè)show的字段，如果為真，就選中，否則取消選中

這是title里的數(shù)據(jù)

然后就是當(dāng)點(diǎn)擊的時(shí)候，就是執(zhí)行methods里面的select的事件，拿到了當(dāng)前的下標(biāo)index和當(dāng)前的元素item，然后從title對(duì)象里去遍歷，判斷如果當(dāng)前點(diǎn)擊的這個(gè)元素的show的值不等于title下標(biāo)為index? ?show的值，就取消選中，否則就選中當(dāng)前的。

如果分析有錯(cuò)，歡迎各位讀者，評(píng)論指出，謝謝。