title: Vue props undefined
body: <p>I am new to Vue and I am trying to get parent's component data with props from a child component but got an undefined error when I do console.log().</p>
  
  <p>Parent:</p>
  
  <pre><code>import axios from 'axios'
  import PieChart from './components/PieChart'
  
  export default {
    data () {
      return {
        requires: [],
        tested: [],
        requires_php: [],
        errors: [],
        url: 'https://api.miruc.co/plugins.min.json'
      }
    },
    created: function () {
      axios.get(this.url)
      .then(response =&gt; {
        this.requires = response.data[0]
        this.tested = response.data[1]
        this.requires_php = response.data[2]
      })
      .catch(e =&gt; {
        this.errors.push(e)
      })
    },
    components: {
      'pie-chart': PieChart
    }
  }
  </code></pre>
  
  <p>Child:</p>
  
  <pre><code>export default {
    extends: Pie,
    props: ['req'],
    mounted: function () {
      console.log(this.req)
      /*  */
    }
  }
  </code></pre>
  
  <p>Can anyone tell me what mistake I am doing?</p>