美文网首页
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