title: At what point in the component lifecycle does a prop get injected into a component?
body: <p>I have a Parent component that is passing an array, let's call it 'bucket' that contains a bunch of stuff, to a Child component.</p>
  
  <p>In my parent component, I have the following:</p>
  
  <pre><code>&lt;child-component 
    :bucket=bucket
  &gt;&lt;/childcomponent&gt;
  </code></pre>
  
  <p>In my child component, I have a props section, that accepts a prop called bucket, and has it defined as an array, like so:</p>
  
  <pre><code>props: {
    bucket: Array
  }
  </code></pre>
  
  <p>Now in the mounted section of my child component, I want to take this bucket of stuff, and do something with it. However, for some reason, it shows up as empty. So when I do this in my child component...</p>
  
  <pre><code>mounted() {
    console.log(this.bucket.length)
  }
  </code></pre>
  
  <p>... I get a 0. When I check Vue dev tools, I can see that there are items in the bucket array in the Child component's props section. Furthermore, if in the console, with the child component set as $vm0, when I type $vm0.bucket.length, I get the correct size.</p>
  
  <p><strong>What on Earth!?</strong> Is the prop not injected yet when mounted is called in the Child component? If so, when does this actually happen? How do I get around this? Super confused.</p>
  
  <p>Thanks!</p>