美文网首页
vue.js权威指南第2章——数据绑定

vue.js权威指南第2章——数据绑定

作者: 婷诗漾 | 来源:发表于2018-04-17 15:22 被阅读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-前缀开头。 用于逻辑的处理。
明天, 具体说明各种指令的具体用法指令。

相关文章

网友评论

      本文标题:vue.js权威指南第2章——数据绑定

      本文链接:https://www.haomeiwen.com/subject/anvukftx.html