title: Get the value of a computed property in Vue.js and use it in a data property
body: <p>I have a computed property <code>countryName</code> which returns a country name based on a country code and works fine. I need the use the <code>countryName</code> value as the value of the <code>label</code> of the <code>country</code> data property but I get <code>undefined</code>.</p>
  
  <pre><code>export default {
      props: ['content'],
      data () {
          return {
              countries: require('../../plugins/countries'),
              country: {
                  value: this.content.country_code,
                  label: this.countryName
              }
          }
      },
      computed: {
          countryName () {
              return this.countries.find(item =&gt; item.value === this.content.country_code).label
          }
      }
  }
  </code></pre>