Vue.js 使用了基於 HTML 的模版語法，允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數據渲染進 DOM 的系統。
結合響應系統，在應用狀態改變時， Vue 能夠智能地計算出重新渲染組件的最小代價並應用到 DOM 操作上。

插值

文本

<div id="app">
    <p>{{ message }}</p>
</div>

window.onload = function(){
    new Vue({
        el: 
 
‘#app‘,
        data: {
            message: "hello jiao"
        }
    });
}

註意：

如果腳本是引入的外部腳本，vue的語句得放到window.onload()中

創建的Vue對象首字母要大寫，否則會提示找不到這個變量

HTML

<div id="app">
    <div v-html="message"></div>
</div>

window.onload = function(){
    new Vue({
        el: 
 
‘#app‘,
        data: {
            message: "<h1>hello jiao</h1>"
        }
    });
}

模板語法