一 模板指令簡寫：

v-on:  ——> @    例如：v-on:click ——> @click

v-bind: ——> :     例如：v-bind:title ——> :title

二 模板指令等號後的內容是js表示式

<div id="root">
    <div v-bind:title="'Dell lee ' + title"></div>
</div>

<script>
    new Vue({
        el: "#root",
        data: {
            title: "this is a title"    
        }
    })
</script>
 

輸出title為：Dell lee this is a title

三 雙向資料繫結

<div id="root">
    <input v-model="content" />
    <div>{{content}}</div>
</div>

<script>
    new Vue({
        el: "#root",
        data: {
            content: "Hello World"    
        }
    })
</script>

如圖：當改變input框的值時，例項中的content值會跟著改變