title: Prop reactivity not working when passed from blade Laravel
body: <p>I attempted to pass a prop from Blade file to Vuejs component name <code>AppMessages</code></p>
  <pre><code>&lt;app-messages :messages=&quot;{{ $messages }}&quot;&gt;&lt;/app-messages&gt;
  </code></pre>
  <p>Then messages are being rendered based on <code>selfOwned</code> boolean.</p>
  <pre><code> &lt;app-message v-for=&quot;message in messages&quot; :message=&quot;message&quot; :key=&quot;message.id&quot; v-if=&quot;message.selfOwned === false&quot;&gt;&lt;/app-message&gt;
   &lt;app-message-own v-for=&quot;message in messages&quot; :message=&quot;message&quot; :key=&quot;message.id&quot; v-if=&quot;message.selfOwned === true&quot;&gt;&lt;/app-message-own&gt;
  </code></pre>
  <p>in the child component, I pass a message when created by a Bus event</p>
  <pre><code> let tempBuitMessage = this.tempMessage()
   Bus.$emit('message.added', tempBuitMessage);
  </code></pre>
  <p>define this.messages in props</p>
  <pre><code> export default {
  props: {
      messages: {
          required: true,
          type: Array
      }
  },
  </code></pre>
  <p>in the parent component <code>AppMessages</code> I set up the listner</p>
  <pre><code>mounted() {
      Bus.$on('message.added', data =&gt; {
          this.messages.unshift(data)
          console.log(this.messages)
      });
  },
  </code></pre>
  <p><strong>Issue</strong>:</p>
  <p>I expected the new passed message to but up in the chat but I can see it in the console (no error) but not rendered.</p>