title: How to add dynamically attribute in VueJs
body: <p>I'm using vuejs and I wanna know how to have control on inputs (add disabled attribute when necessary). Is there any way to add dynamically attribute in vuejs ? Below my <strong>Textfield component</strong> : </p>
  
  <pre><code>    &lt;template&gt;
       &lt;input type="text" placeholder="{{ placeholder }}" v-model="value"&gt;
      &lt;/template&gt;
      &lt;script&gt;
      export default  {
        props: {
         disabled: {type: Boolean, default: false},
         placeholder: {type: String, default: ""},
         value: {twoWay: true, default: ""}
        }
       }
      &lt;/script&gt;
  </code></pre>
  
  <p><strong>Usage</strong> :</p>
  
  <pre><code>&lt;textfield placeholder="Name" value.sync="el.name" :disabled="true"&gt;&lt;/textfield&gt;
  </code></pre>