title: How to replace the contents of an element?
body: <p>I use VueJS to set the content of elements via data defined in a <code>Vue</code> instance:</p>
  
  <pre><code>&lt;p id="hello"&gt;
      {{ message }}
  &lt;/p&gt;
  </code></pre>
  
  <p>How can I completely replace the content of such an element (discarding the previous content, in the case above <code>{{ message }}</code>), to turn the <code>&lt;p&gt;</code>into for instance</p>
  
  <pre><code>&lt;p id="hello"&gt;
       The replacement text
  &lt;/p&gt;
  </code></pre>
  
  <p>In jQuery I would have called <code>$("#hello").html("the replacement text");</code> - what is the equivalent in VueJS?</p>