title: Typecasting v-for key Vue
body: <p>I am creating a v-for list based on a range that I am suppling my component:</p>
  
  <pre><code>&lt;div class="checkbox" v-for="(value, key) in range"&gt;
  </code></pre>
  
  <p>I am suppling my data as a prop like so:</p>
  
  <pre><code>"{ 0: '0 stars', 1: '1 star', 2: '2 stars' }"
  </code></pre>
  
  <p>My v-for key will always be set as a string though when I log <code>typeof</code>. This is strange since I am passing an object which holds the key as a number and not a string.</p>
  
  <p>I do not want to typecast it constantly when I pass the key along to a method. Is there a way to typecast it easily?</p>
  
  <p>Also what could be causing this to come out as a string instead of a int?</p>
  
  <p>Whenever I console.log my <code>range</code> object the keys appear in purple so I am guessing at that point they are still viewed as ints?</p>