在前端开发中，经常使用数组来存储一些数据。在Vue中，我们可以利用指令和计算属性来对数组进行高亮显示。下面将介绍如何利用Vue对数组进行高亮显示。

{{ item }}

在上述代码中，我们使用了v-for指令来遍历数组并输出数组中的每一个元素。同时，我们给每一个元素绑定了一个key属性和一个class属性。其中key属性的作用是用来标识每一个元素的唯一性，而class属性则用来根据条件控制元素的样式。

在这里，我们使用了计算属性来动态生成class属性的值。我们将根据条件判断是否应该为某一个元素添加active类，从而高亮显示该元素。这里的计算属性可以将数组中所选中的元素作为activeIndex属性的值，当点击数组中的某一个元素时，该元素的index值可以赋值给activeIndex属性，从而触发计算属性的重新计算。

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

上述代码重写了计算属性activeIndex。其中items是要渲染的数组，selectedItem是当前选中的元素。我们通过findIndex()方法来查找数组中的调用元素索引，如果找到了，该方法将返回该元素的索引值。在这里，我们将返回的索引值作为activeIndex属性的值，当该属性值发生改变时，计算属性会被重新计算，从而控制元素的样式。

除了修改计算属性之外，我们还需要实现事件监听器来处理数组元素的点击事件。当我们点击数组中的某一个元素时，该元素的index值将被赋值给activeIndex属性，从而触发计算属性的重新计算。下面是实现该功能的代码：

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

在上述代码中，我们定义了一个handleClick()方法，该方法接收表示点击元素的索引值作为参数。当我们点击数组元素时，该方法将被触发，从而为activeIndex赋值，从而改变数组元素的样式。

总之，通过使用Vue指令和计算属性，我们可以很方便地实现对数组元素的高亮显示。我们只需要动态生成class属性，通过计算属性来实现样式的控制，并在需要的时候通过事件监听器来触发计算属性的重新计算即可。