v-bind

来源:互联网 发布:mac 安装两个xcode 编辑:程序博客网 时间:2024/05/05 23:49

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已经进行了更新。

原创粉丝点击