title: Vue.js not updating props in child when parent component is changing the property
body: <p>I am trying to communicating between component I have structure like</p>
  
  <pre><code>&lt;div id=chat-box&gt;
  &lt;div class="wrapper"&gt;
    &lt;div&gt;
      &lt;chat-header&gt;&lt;/chat-header&gt;
      &lt;message-container :chat="chat"&gt;&lt;/message-container&gt;
      &lt;chat-compose @clicked="onClickChild"&gt;&lt;/chat-compose&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>parent</p>
  
  <pre><code>methods: {
  onClickChild (value) {
    console.log('in top parent');
    this.chat = value;
  },
  </code></pre>
  
  <p>child 1</p>
  
  <pre><code>methods: {
    startChat: function(event) {
      this.$emit('clicked', new chat({
       type: 'user',
       message: this.input_value,
       button: 'user',
       metaInfo: 'user',
       isBot: false,
     }))
    },
  },
  </code></pre>
  
  <p>child 2</p>
  
  <p>export default {
    name: 'messageContainer',
    props: ['chat'],</p>
  
  <pre><code>data: function() {
    return {
      chatSession: [],
    }
  },
  
  method : {
    updateData : function() {
      console.log('called updatedata');
  
    }
  },
  
  created: function () {
    console.log(this.chat) 
  },
  mounted: function () {
   console.log(this.chat) 
  },
  
  updated: function() {
    console.log(this.chat)
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Here on clickChild method is emitting the parent method which is updating the chat object but message-container component not getting the updated value it is showing default initialized value even not rendering again on data changes I tried created, mounted and updated method also to get the updated value these method are calling only once at the time of app initialization never calling again on data changes </p>
  
  <p>Basically here are three component one is parent and other two are child so one child is updating the chat object and emitting to parent and parent passing same updated child to another child but the another child not getting re-render or getting the updated value
  so please help am I doing wrong or there are other way to achieve it. </p>