Vue.js：如何显示<；br>；数据属性中的元素

在我的Vue.js项目中，我遇到了如下问题

  data() {
    return {
      testData: 'aaaaaa<br>aaaaa',
    }
  }

data（）{
返回{
测试数据：“aaaaa
aaaaa”，
}
}

在html模板中，我使用它如下：

<p>{{ testData }}</p>

{{testData}

但是

元素没有像预期的那样工作，而是显示为类似

aaaaaa
aaaaaa的字符串

如何让
元素工作？
您可能需要：

模板

<p v-html="testData"></p>