Vueのv-htmlでXSSを回避する - QiitaVueのテンプレート構文の項を読めばわかることですが、v-htmlにはXSSの危険があることがわかります。 危険なコードの例を見てみましょう。 <template> <div id="app"> <h1>サニタイズなし</h1> <p>{{ mastache }}</p> <p v-html="vhtml"></p> </div> </template> <script> export default { name: 'app', data() { return { mastache: 'mastache:<br><a onmouseover=alert(document.cookie)>click me!</a>', vhtml: 'vhtml:<br><a onmouseover=alert(document.cookie)>click me!</a>' } } } </script>
