# 模板语法 ***** >[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() } }) ~~~