寫在開篇，我使用的是webstore編輯器，如果你用的是VScode編輯器，請點選這個連結

說明

      一：我沒有驗證過上述VScode版方案是否能解決此問題

      二：寫在開篇的原因是小編在解決這個問題的過程實在曲折，算是給大家排個雷吧

正文開始——

問題：

在寫到下面的程式碼時，報錯：Elements in iteration expect to have ‘v-bind:key’ directives（vue/require-v-for-key）

  <div class="star" :class="starType">
    <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item" track-by="$index"></span>
  </div>
 

原因：

安裝了ESLint外掛，對vue進行了eslint檢查，只需將這個規則檢查遮蔽掉

解決辦法：

如圖，我使用的是提示的第一種方法，在想要忽略eslint檢查的這行程式碼前面加上註釋：<!--eslint-disable-next-line-->

  <div class="star" :class="starType">
    <!--eslint-disable-next-line-->
    <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item" track-by="$index"></span>
  </div>
 

然後問題解決.........