title: How to dynamically add a class just to one value in li?
body: <p>I have an unordered list that iterates over object. The object stores two key/value pairs: One is the discriptive label of the row, and the other is the stored numeric value. However, when i iterate over them, they are displayed next to each other, and i want to space them a bit. How can i do that?</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li
    v-for="item in shiftOrderProductivity"
    :key="item"
   &gt;{{ item.label }} {{ item.value }}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>