How to replace the contents of an element?
<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>