● v-text

v-text는 값을 단순하게 텍스트로 출력하게 하는 디렉티브입니다. v-html 디렉티브는 값에 태그가 포함되면 태그가 렌더링되지만, v-text 디렉티브는 태그가 단순하게 텍스트처럼 출력됩니다.

v-text/src/App.vue

<template>

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

</template> 

코드를 수정하고 웹 브라우저를 새로고침하면 다음처럼 message 데이터 속성의 값이 단순 문자열로 출력됩니다.

그림 3-9 v-text 실행결과