vue实现高亮效果,不使用v-for

可以使用Vue.js提供的指令v-bind class，将需要高亮的元素的class属性绑定到一个计算属性上，计算属性判断当前元素是否需要高亮，返回一个布尔值即可。类似以下代码：

<template>
  <div v-bind:class="{'highlight': shouldHighlight}">Hello World</div>
</template>

<script>
export default {
  computed: {
    shouldHighlight() {
      // 判断是否需要高亮逻辑
      // ...
      return true; // 返回需要高亮
    }
  }
}
</script>

<style>
.highlight {
  background-color: yellow;
}
</style>

这样就能根据计算属性动态绑定class，实现元素高亮的效果。