在前端開發(fā)中，經(jīng)常使用數(shù)組來存儲一些數(shù)據(jù)。在Vue中，我們可以利用指令和計算屬性來對數(shù)組進(jìn)行高亮顯示。下面將介紹如何利用Vue對數(shù)組進(jìn)行高亮顯示。

{{ item }}

在上述代碼中，我們使用了v-for指令來遍歷數(shù)組并輸出數(shù)組中的每一個元素。同時，我們給每一個元素綁定了一個key屬性和一個class屬性。其中key屬性的作用是用來標(biāo)識每一個元素的唯一性，而class屬性則用來根據(jù)條件控制元素的樣式。

在這里，我們使用了計算屬性來動態(tài)生成class屬性的值。我們將根據(jù)條件判斷是否應(yīng)該為某一個元素添加active類，從而高亮顯示該元素。這里的計算屬性可以將數(shù)組中所選中的元素作為activeIndex屬性的值，當(dāng)點擊數(shù)組中的某一個元素時，該元素的index值可以賦值給activeIndex屬性，從而觸發(fā)計算屬性的重新計算。

computed: {
activeIndex() {
return this.items.findIndex(item =>item === this.selectedItem);
}
}

上述代碼重寫了計算屬性activeIndex。其中items是要渲染的數(shù)組，selectedItem是當(dāng)前選中的元素。我們通過findIndex()方法來查找數(shù)組中的調(diào)用元素索引，如果找到了，該方法將返回該元素的索引值。在這里，我們將返回的索引值作為activeIndex屬性的值，當(dāng)該屬性值發(fā)生改變時，計算屬性會被重新計算，從而控制元素的樣式。

除了修改計算屬性之外，我們還需要實現(xiàn)事件監(jiān)聽器來處理數(shù)組元素的點擊事件。當(dāng)我們點擊數(shù)組中的某一個元素時，該元素的index值將被賦值給activeIndex屬性，從而觸發(fā)計算屬性的重新計算。下面是實現(xiàn)該功能的代碼：

methods: {
handleClick(index) {
this.activeIndex = index;
}
}

在上述代碼中，我們定義了一個handleClick()方法，該方法接收表示點擊元素的索引值作為參數(shù)。當(dāng)我們點擊數(shù)組元素時，該方法將被觸發(fā)，從而為activeIndex賦值，從而改變數(shù)組元素的樣式。

總之，通過使用Vue指令和計算屬性，我們可以很方便地實現(xiàn)對數(shù)組元素的高亮顯示。我們只需要動態(tài)生成class屬性，通過計算屬性來實現(xiàn)樣式的控制，并在需要的時候通過事件監(jiān)聽器來觸發(fā)計算屬性的重新計算即可。