"Vue.js v-html"의 두 판 사이의 차이

(새 문서: ==개요== ;Vue.js v-html * HTML이 포함된 데이터를 이스케이프시키지 않고 HTML 그대로 출력할 수 있는 방법 * XSS 방지를 위해 사용자가 등록한 데...)
 
19번째 줄: 19번째 줄:
</script>
</script>
</source>
</source>
<jsfiddle>3a74ff1e</jsfiddle>
<jsfiddle height='200'>3a74ff1e</jsfiddle>


==같이 보기==
==같이 보기==

2017년 6월 17일 (토) 21:17 판

1 개요

Vue.js v-html
  • HTML이 포함된 데이터를 이스케이프시키지 않고 HTML 그대로 출력할 수 있는 방법
  • XSS 방지를 위해 사용자가 등록한 데이터(예: 댓글)에는 적용하지 말라고 함
<div id="app">
  <p v-html="message"></p>
</div>

<script src="//unpkg.com/vue"></script>
<script>
new Vue({
  el: '#app',
  data: {
    message: '<h1>Hello, Vue!</h1>'
  }
})
</script>

2 같이 보기

3 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}