# 模板語法 ***** >[success] 知識概要 * 文本處理 * html處理 * 屬性處理 >[info] 插值 * 文本 使用{{}}輸出變量 ~~~ <div id="app"> <p>{{ message }}</p> </div> ~~~ ~~~ var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ~~~ * Html 使用v-html指令用于輸出 html 代碼 ~~~ <div id="app"> <div v-html="message"></div> </div> ~~~ ~~~ <script> new Vue({ el: '#app', data: { message: '<h1>菜鳥教程</h1>' } }) </script> ~~~ * 屬性 使用v-bind指令 或: ~~~ <div id="app-2"> <span v-bind:title="message"> 鼠標懸停幾秒鐘查看此處動態綁定的提示信息！ </span> </div> ~~~ ~~~ var app2 = new Vue({ el: '#app-2', data: { message: '頁面加載于 ' + new Date().toLocaleString() } }) ~~~