看一個例子:
<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-text="info + '!'"></h2> <h2>深圳{{message}}</h2> </div> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!', info: "Hello", } }) </script> </body> </html>
輸出:
說明:v-test會全部替換標簽體里的內容,而且內部支持寫表達式。