看一個例子：
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h2 v-text="message">這里有內容</h2> <h2 v-html="message">這里有內容</h2> <h2 v-html="content">這里有內容</h2> </div> <script> var app = new Vue({ el: '#app', data: { content: "<a href='#'>測試標簽</a>", message: "測試內容", } }) </script> </body> </html>
結果：
說明：v-html用於設置元素的innerHTML，當內容是普通文本時與v-text沒區別，當內容是html結構時，則會對html進行解析。