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已经进行了更新。
阅读全文
0 0
- v-bind
- v-bind
- v-bind
- v-bind和v-on
- Vue v-bind
- v-bind style绑定
- v-bind:href
- Vue2 指令v-bind v-pre v-cloak v-once
- JavaScript’s call v apply v bind
- v-bind,v-on的缩写
- v-model和v-bind的区别
- Vue中的缩写:v-bind、v-on
- vue学习06--v-bind:class和v-bind:style
- v-bind 绑定标签属性
- Vue之filters--v-bind
- vue学习01--v-bind:title/v-if/v-for
- DBMS_XPLAN.DISPLAY_CURSOR v$sql bind-data
- vue2.0 v-bind的用法
- .net集合对象解惑篇
- 突破自己,挑战10K
- 【51Nod1585】买邮票送邮票
- PCA终极原理
- 关于ajax在fireFox上不能运行的问题
- v-bind
- 如何使 JavaScript 更高效?
- 链表
- 逻辑回归LR
- Oracle表空间的管理——查看用户的表空间
- common-pool2连接池详解与使用
- js中的this指针的用法
- 【Spring】value和ref
- zookeeper+activemq配置消息中间件集群 服务器配置