用v-for渲染列表，如何根据li的内容改变表格某一个li的class？

Question

用v-for渲染列表，如何根据li的内容改变表格某一个li的class？比如说想让name为banana的li背景色为黄色，并且name相同的li背景色都相同。name的数据是从后台获取的。目标效果图：<template><ul>    <li v-for="(item, index) in myList" :class="{ active: isActive }">       {{ item.name }}     </li></ul></template><script>data() {      return {          myList: [{              name: apple          },{              name: orange          },{              name: banana          },{              name: orange          },{              name: apple          }],          isActive: false      }}</script>初入门，思考了很久没有什么思路，烦请各路大神指点，谢谢了……