title: Access value and key in vuejs from a json string
body: <p>I have a json string which lists all of the countries, for example:</p>
  
  <pre><code>AC:"Ascension Island"
  AD:"Andorra"
  AE:"United Arab Emirates"
  AF:"Afghanistan"
  AG:"Antigua &amp; Barbuda"
  </code></pre>
  
  <p>I am getting the value via a get request and assigning them to an array like so:</p>
  
  <pre><code>        axios.get('/countries')
              .then(response =&gt; {
                  this.countries = response.data;
              })
  
  
      data: function () 
      {
          return {
              countries: [],
  </code></pre>
  
  <p>But when I am using the following, the page doesn't load and I do not get an error:</p>
  
  <pre><code>&lt;select class="selectpicker" data-live-search="true" v-model="location" v-for="(value, key) in countries"&gt;  
      &lt;option value="{{ key }}"&gt;{{ value }}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>