title: Comment out a part of Vue template element
body: <p>Sometimes it is needed to comment out some element attribute without having to remember it in order to restore it quickly after some tests.</p>
  
  <p>Commenting out whole element is achievable with HTML commenting syntax</p>
  
  <pre><code>&lt;div&gt;
      &lt;!-- &lt;h2&gt;Hello&lt;/h2&gt; --&gt;
      &lt;span&gt;hi&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However this won't work with a single attribute (causes rendering error)</p>
  
  <pre><code>&lt;my-comp id="my_comp_1"
           v-model="value"
           &lt;!-- :disabled="!isValid" --&gt;
           @click="handleClick"&gt;
  &lt;/my-comp&gt;
  </code></pre>
  
  <p>The best approach I could see and used before was to make a tag backup by copying whole element and settings <code>v-if="false"</code> for it (or comment out whole copied element) and continue to experiment with original one</p>