title: Vue JS: Pass props inside component of component
body: <p>I have this simple script, inside I have props came from other component, and its working fine when I consoled it. But how can I also pass the prop under my <code>line-chart</code> component?</p>
  
  <pre><code>export default {
      props: ['dataset'],
      components:{
      'line-chart': {
            extends: Bar,
            beforeMount () {
              try{
                this.addPlugin(horizonalLinePlugin)
                //console.log(this.$props);
                console.log($this.$props.dataset); &lt;- How can show it here?
  
              }catch(err){
              }
            },
            mounted () {
              this.renderChart(chartOption, chartSettings
              )
            }
          }
      },
      created(){
        console.log(this.$props) &lt;- Working fine
      },
      mounted(){
  
      }
    }
  </code></pre>