zoukankan      html  css  js  c++  java
  • vue.js 数据绑定

    当数据发生变化时,自动更新视图

    1.1语法

    1.1.1插值

      1.最基本形式:文本插值,即{{text}},因其类似于Mustache,故称为Mustache标签

      2.因数据与视图相关联,每次数据发生变化,视图就会被渲染,要想只渲染一次,使用{{*text}}

      3.上文中text被当做字符串来处理,若想当成html形式,则需要使用{{{html}}}

      4.Mustache标签也可放在html标签内,如

      <li data-id="{{id}}"></li>
    

    1.1.2表达式(JavaScript表达式和过滤器(0或多个)组成)

      1.{{example | toUpperCase}}

    1.1.3指令

      指令是带有v-前缀的特殊特性,值为绑定表达式(JavaScript表达式和过滤器(0或多个)组成),指令的作用是当表达式的值发生变化时,这个变化也反映到DOM上

    1.2分隔符

      语法风格可以配置,即将两个大括号换成其他样式,可在Vue.config中设置

      

    let delimiters = ['{{', '}}']//文本插值的分隔符设置
    let unsafeDelimiters =  ['{{{', '}}}']//html插值的分隔符设置
    
  • 相关阅读:
    单例模式
    反射常见方法
    字符流,字节流总结
    泛型限定
    随机数判断最值
    字符流与字节流练习
    文件常见操作属性
    文件过滤器
    字符流读取文件
    目前最流行的IT编程语言
  • 原文地址:https://www.cnblogs.com/qmxj-blog/p/6634708.html
Copyright © 2011-2022 走看看