綁定title屬性

<div id="app2">
    <span v-bind:title="mess2">鼠標停留此處查看title</span>
</div>

<div id="app2">
    <span v-bind:title="mess2">鼠標停留此處查看title</span>
</div>

上面代碼中，v-bind屬性被稱為“指令”。Vue提供的指令前面都帶有“v-”。指令會在渲染的DOM上應用特殊的響應式行為。

v-bind:title的含義是：將這個節點的title屬性與Vue實例的mess2屬性保持一致。

ps:按照官方文檔中所說，在控制臺鍵入

app2.mess2

就能訪問和修改title屬性的值。

我在官方文檔的頁面上的確可以這樣做，但在自己寫的頁面上可以訪問到app2，但訪問不到app2.mess2

不知道為啥。但我猜可能是因為我只寫了個頁面，而不是用的vue-cli

綁定<a>的href屬性

<div id="app1">
    <a v-bind:href="url1">百度</a>
</div>

new Vue({
    el: "#app1",
    data: {
        url1: "http://www.baidu.com"
    }
})

綁定DOM屬性