title: Why v-model is not working?
body: <p>This is my very first code in Vue.js. I am following a simple online tutorial. After installing the application using the vue-cli, I created a simple component
  <code>Test.vue</code> which contains a simple input control bound to the message property of my model:</p>
  
  <blockquote>
    <p>Test.vue</p>
  </blockquote>
  
  <pre><code>&lt;template&gt;
    &lt;div 
      &lt;input 
          type="text" 
          v-model="message"/&gt;
      &lt;br/&gt;
      &lt;p&gt;The value of the input is: {{ message }}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {  
        data:{
          message: 'My name'
        }
      };
  &lt;/script&gt;
  
  &lt;style&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>Then I load this component inside the <code>&lt;App /&gt;</code>. But when I write a text inside the input box, the <code>&lt;p&gt;</code> element is not updated...</p>
  
  <p><a href="https://i.stack.imgur.com/TXFiN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TXFiN.png" alt="enter image description here"></a></p>
  
  <p>What am I doing wrong? This looks pretty straightforward. Thanks you for your suggestions and pointing me to the right direction.</p>