title: Vue.js: how to display the <br> element from the data property
body: <p>In my Vue.js project, I came into a problem as following</p>
  
  <pre><code>  data() {
      return {
        testData: 'aaaaaa&lt;br&gt;aaaaa',
      }
    }
  </code></pre>
  
  <p>and in the html template, I use it as  following:</p>
  
  <pre><code>&lt;p&gt;{{ testData }}&lt;/p&gt;
  </code></pre>
  
  <p>but the <code>&lt;br&gt;</code> element doesn't work as expect, instead it display as string like <code>aaaaaa&lt;br&gt;aaaaa</code> </p>
  
  <p>How to let the <br> element work?</p>