vue.js权威指南第2章——数据绑定
2018-04-17 本文已影响0人
婷诗漾
一: 插值(Mustache标签)
1: {{}},插值为数据;变体{{*text}},
2: {{{}}} , 插值为HTML片段
二: 表达式
Mustache标签,也可以接受表达式的值
{{ cents/100 }} // 原值除以100的值
{{ true? 1 : 0 }} // 三目运算符, 值为真, 输出1, 为假, 输出0
{{ example.split(",") }}
{{ example | toUpperCase}} // 返回字符串的大写形式
{{ example | filterA | filterB }} //过滤器串联
{{ example | filter a b }} //
错误实事例:
{{ var logo = 'DDEE' }} // 错误, 语句 不是表达式
{{ if (true) return 'DDEE' }} //错误, 条件语句不能写在这里, 而三目运算符是可以的
三 : 指令
以v-前缀开头。 用于逻辑的处理。
明天, 具体说明各种指令的具体用法指令。