title: Which practise is better: v-show(true/false) or replaceWith? Vue vs jQuery
body: <p>I'm learning some vue.js right now and I was wondering which way should I go if, for example, I wanted to implement the following:
  <a href="https://i.stack.imgur.com/2YBEF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2YBEF.png" alt="Before clicking Edit button"></a></p>
  
  <p><a href="https://i.stack.imgur.com/YCEHG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YCEHG.png" alt="After Edit button was clicked"></a></p>
  
  <p>The question is, in HTML can I write <code>&lt;span&gt;&lt;/span&gt;</code> and bellow it add a <code>&lt;textarea&gt;&lt;/textarea&gt;</code> with <code>style="display: none"</code>, so on Edit button click, with some help of vue.js, I could hide span and show textarea instead, this way I wouldn't have to use jQuery's replaceWith method, plus I'd save some lines of code there. But I'm not sure if that's appropriate way to do it...</p>
  
  <p>I'd also use v-cloak to hide textarea while page is still loading.</p>