绑定DOM属性

绑定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"
    }
})