v-html

일반적으로 {{ }} (이중 중괄호)을 이용한 보간법으로는 html tag들을 문자열로 출력하게 된다.

하지만 v-html를 이용하면 html tag들을 사용한 형태로 출력이 가능하다.

 

html

<div id="app">
   <p>{{ msg }}</p>
   <p v-html="htmlMsg"></p>
</div>

 

js

const vm = new Vue ({
   el: '#app',
   data: {
      msg: 'message !',
      htmlMsg: 'message !'
   },
});