VueJS newline character is not rendered correctly : <p>I got the following problem, I read data string from an API which contains new line characters <code>\n</code> and I want to display them correctly in my template. </p>

<p>But when I do something like:</p>

<pre><code>&lt;p&gt;{{ mytext }}&lt;/p&gt;
</code></pre>

<p>The text is display with <code>\n</code> characters in it like normal text.</p>

<p>The text string from the response is in the format of <code>"Hello, \n what's up? \n My name is Joe"</code>.</p>

<p>What am I doing wrong here?</p>
