v-html, html요소를 다른 태그 안에다 data() 변수로 추가하기

 

<template>

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

</template>

<script>

export default {

  data(){

    return {

      htmlMsg : '<h3 style="color : orange;">Hello h3</h3>'

    }

  },

}

</script>

저렇게 태그에 v-html="태그및데이터"

저렇게 안하면 그냥 그대로 읽혀짐. 이스케이프를 안시켜준다.