title: Passing props to element attributes in Vue components
body: <p>When I try passing props to attributes of HTML elements in <code>.vue</code> files, they just stop rendering. What am I doing wrong?</p>
  
  <p><strong>script.js</strong></p>
  
  <pre><code>import hInput from './components/hInput.vue'
  Vue.component('h-input', hInput);
  const app = new Vue({
      el: '#head',
  });
  </code></pre>
  
  <p><strong>index.php</strong></p>
  
  <pre><code>&lt;div id="head"&gt;
      &lt;h1&gt;{{config('app.name')}}&lt;/h1&gt;
      &lt;h-input placeholder="Hi" name="hello"&gt;&lt;/h-input&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>hInput.vue</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;input type="text" placeholder="{{placeholder}}"&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          props: ['placeholder', 'name']
      };
  &lt;/script&gt;
  </code></pre>