title: Vue - access prop in component's mounted
body: <p>I don't seem to be able to access a prop in <code>mounted</code> function. </p>
  
  <p>This is how I render it:</p>
  
  <pre><code>{{landing}}
  &lt;vue-date-selector-comp v-bind:publishedat="landing.published_at" v-bind:cr="landing.created"&gt;&lt;/vue-date-selector-comp&gt;
  </code></pre>
  
  <p>Here's my component code:</p>
  
  <pre><code>vue.component('vue-date-selector-comp', {
      props: ['publishedat', 'cr'],
      template: '&lt;div class="vue-date-selector-comp-cont"&gt;{{cr}}&lt;/div&gt;',
      mounted: function() {
  
          console.log('publishedat1',  this.publishedat);
          console.log('created2',  this.cr);
  
          this.$nextTick(function () {
              console.log('publishedat',  this.publishedat);
              console.log('created',  this.cr);
          });
      }
  });
  </code></pre>
  
  <p>I only see <code>undefined</code> in the console... why? When I do {{landing}} before the component render -> I can see data is there. What am I doing wrong?</p>
  
  <p>EDIT: ahh nvm guys - landing is populated via ajax so there is my problem.</p>