v-bind属性被称为指令。指令带有v-前缀,表示它们是Vue提供的特殊属性,会在渲染的DOM上应用特殊的响应式行为。
<html>
<head>
<title></title>
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<span v-bind:title="msg">
鼠标悬停几秒查看此处动态绑定的提示信息!
</span>
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
msg: '页面加载于' + new Date().toLocaleString() //此处不能加";"
}
})
</script>
</body>
</html>
鼠标悬停后可以看到时间。
打开浏览器控制台输入app.msg = 'hello'
,鼠标悬停后可以看到绑定了title属性的HTML已经进行了更新。