title: Vue Props not working for child component
body: <p>I have root element that has logged in user data and on user profile component I am passing logged in user data as props. </p>
  
  <p>But when I try to call User object properties in child component it throws error as undefined. I don't see any value in child component.</p>
  
  <p>app.js</p>
  
  <pre><code>Vue.component("usersmanagment", require("./components/usersmanagment"));
  
  const app = new Vue({
      el: "#app",
      components: {
          'v-select': vSelect
      },
      data() {
          return {
              AuthorizedUser: {
                  Email : "",
                  FirstName : "",
                  LastName : "",
                  CreatedUtcDateTime : "",
                  IsActive : ""
              }           
          };
      },
      mounted() {
          let vm = this;      
          vm.getAuthorisedUserProfile();
      },
      methods: {
          getAuthorisedUserProfile() {
              let vm = this;          
              // just return auth user data
      }
  
  });
  </code></pre>
  
  <p>Than on child component I am passing props</p>
  
  <pre><code>module.exports = {
      props : ["AuthorizedUser"],
  
  };
  </code></pre>
  
  <p>and in my view file I am Asp.Net MVC </p>
  
  <pre><code>&lt;usersmanagment inline-template&gt;
          &lt;input type="text" class="form-control" v-model="AuthorizedUser.FirstName"&gt;
  &lt;/usersmanagment&gt; 
  </code></pre>
  
  <p>I can see in vue chrome dev tools that Authorized user get updated but its value don't get updated on child component.</p>