값에 포함된 태그를 웹 브라우저에서도 태그로 인식하게 하려면 다음처럼 v-html 디렉티브를 사용하면 됩니다. 디렉티브는 뷰에서 항상 HTML 태그의 속성으로 사용해야 합니다.

<template>

  <div v-html="message"></div> 

</template>

코드를 수정하고 웹 브라우저를 새로고침하면 HTML 태그를 적용한 message 데이터를 출력합니다.

그림 3-8 v-html 실행결과