Как разобрать <br>в строке в HTML-тег в VUE.js

Question

Я использую {{}} в Vue.js для рендеринга моих данных в HTML. Но теперь у меня есть строка в моих данных, и я хочу, чтобы теги
в этой строке можно было анализировать в теги HTML при рендеринге данных.

data(){
  return {
    bodyText: 'aaaaaa<br>aaaaaa'
}
}

<p>{{bodyText}}</p>

Я хочу, чтобы содержимое тега span было похоже на:

aaaaaa
aaaaaa

Но результат: aaaaaa<br>aaaaaa

Answer 1

Использование v-html директива :

<p><span v-html="bodyText"></span></p>

Answer 2

Я думаю, что это должно работать, используя this :

<p>Using v-html directive: <span v-html="rawHtml"></span></p>