vue.js数据绑定语法
2016-07-11 17:56
956 查看
原始高清大图下载
1.数据绑定
html代码:
<div id="first" class="first">msg:{{msg}}</div>
tips:双{{msg}}输出值为为解析后的纯文本,若要输出html则应用{{{msg}}}
js代码:
var vm=new Vue({ el:'#first', data:{msg:'hello vue.js'}, created: function () { // `this` 指向 vm 实例 console.log('a is: ' + this.msg) } });
执行效果:
msg:hello vue.js
tips:vue.js还支持在 HTML 特性 (Attributes) 内绑定数据
<div id="item-{{ id }}"></div>
相关文章推荐
- Android Volley完全解析(三),定制自己的Request
- Your build settings specify a provisioning profile with the UUID, no provisioning profile was found
- HDU 4116 Fruit Ninja
- iOS摄像头和相册-UIImagePickerController-浅析
- iOS开发学习之利用系统远程UITableView 自定义滑动删除按钮、增加自定义滑动按钮方法
- 十大滤波算法程序大全(Arduino精编无错版)
- Juery 获得select的值
- UIKIT详解之UILabel全面解析
- CSS: Multiple Attribute Selector [name="value"][name2="value2"]
- db2 uuid
- UIDynamic 入门基础
- Android中使用Handler机制更新UI的三种解决方案
- UIKIT详解之UIButton全面解析
- iOS- 动画UIView animateWithDuration 使用
- jenkins 安装,配置 和 运行 & Build Pipeline 插件的使用
- The CPU has been disabled by the guest operating system. You will need to power off or reset the vir
- Processing Bitmaps Off the UI Thread
- 自定义View----Android UI模板设计
- Message,MessageQueue,Looper,Handler详解+实例
- requestAnimationFrame实现动画