title: How Key and value Iterate in Vue Js
body: <p>I'm trying to iterate bellow array with key and value in vue.js.</p>
  <pre><code>attributes = {&quot;Size - UK&quot;:&quot;12&quot;,&quot;Color&quot;:&quot;White&quot;}.
  </code></pre>
  <p>this <code>array</code> is getting from database as <code>string</code></p>
  <p>I want result as below</p>
  <p><code>Size : 12 Color : White</code></p>
  <p>I used below method to do that</p>
  <pre><code> &lt;span :v-for=&quot;(item, index) in attributes&quot;&gt;
       {{item}} : {{index}}
   &lt;/span&gt;
  </code></pre>
  <p>and I got an error like this.</p>
  <p><code>Property or method &quot;index&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property</code></p>
  <p>How can I fix this?</p>