第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实例化前修改其中的属性。

原创粉丝点击