首页 > 代码库 > 绑定DOM属性
绑定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=http://www.mamicode.com/"url1">百度</a></div>
new Vue({ el: "#app1", data: { url1: "http://www.baidu.com" }})
绑定DOM属性
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。