第2章 数据绑定
来源:互联网 发布:如何强身健体知乎 编辑:程序博客网 时间:2024/06/06 00:20
数据绑定是将数据和视图相关联,当数据发送变化时,可以自动更新视图。
2.1 语法
2.1.1 插值
文本插值:{{}} (Mustach标签)
<span>Text:{{text}}</span>
HTML插值:{{{}}}
<div>Logo:{{{logo}}}</div>logo:'<span>DDEF</span>'
2.1.2 表达式
Mustache标签接受表达式形式的值,表达式可由JavaScript表达式和过滤器构成。
表达式
<!--JS表达式-->{{ cents/100 }}{{ true? 1 : 0 }}{{ example.split(",") }}
类似于Linux中的管道,Vue.js允许在表达式后面添加过滤符:
{{example | toUpperCase }}
toUpperCase就是过滤器,本质是一个JS函数。
2.1.3 指令
指令是带有v-前缀的特殊特性,其值限定为表达式。指令的作用是当表达式的值发生变化时,将这个变化也反映到DOM上。
2.2 分隔符
Vue.config是一个对象,包含了Vue.js的所有全局配置,可以在Vue实例化前修改其中的属性。
阅读全文
0 0
- 第2章 数据绑定
- 《Programming WPF》翻译 第4章 2.数据绑定(2)
- 第7章 CXF的数据绑定
- 第11课 数据绑定
- AngularJS权威教程 第2章 数据绑定和第一个 AngularJS Web应用
- 《Programming WPF》翻译 第4章 2.数据绑定(1)
- 《Programming WPF》翻译 第4章 2.数据绑定(3)
- 第9章 数据绑定 -- Spring4.3.8参考文档中文版
- Caliburn第2部分 数据绑定和事件
- 了解 Eclipse 中的 JFace 数据绑定,第 2 部分: 绑定的基础知识
- 第 8 课:数据绑定和触发器
- DropDownList数据绑定第一项为空
- 第3课 可绑定注解和数据绑定
- 第五章 数据绑定
- WPF 数据绑定[2]
- 2、理解数据绑定
- 数据绑定-2
- WPF数据绑定(2) 绑定到XML
- Android 开发的未来语言 Kotlin 及学习资源
- c++实验五
- 跳房子散列
- zoj1108&&hdu1160 FatMouses's speed(dp)
- JFinal 执行 Main 方法
- 第2章 数据绑定
- C++作业6
- C++作业6
- Druid架构说明
- git使用笔记
- secache 官方介绍
- 自定义View技巧
- Storm+Kafka应用场景
- C++实验6