VueJS newline character is not rendered correctly

Question

I got the following problem, I read data string from an API which contains new line characters \\n and I want to display them correctly in my template.

But

Answer 1

Use the

tag to preserve the preformated text. More info MDN Pre tag docs

new Vue({
  el: '#app',
  data: {
    text: 'Hello, \n what\'s up? \n My name is Joe'
  }
})

  
{{ text }}