zoukankan      html  css  js  c++  java
  • vue中的插值操作

    mustache语法

    1.将data的文本数据插入至html语句中,使用mustache语法。

    v-once指令

    2.在某些情况下,我们不希望界面随意的跟随改变,这个时候我们可以使用v-once的指令。该指令后面不需要跟任何表达式,该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变。

    根据此例可以发现,在控制台修改app.message时,使用v-once的h2标签,并没有重新渲染。

    v-html指令

    3.某些情况下,我们从服务器请求到的数据本身就是一个HTML代码,如果我们直接通过{{}}来输出,会将HTML代码也一起输出。 但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。

    如果我们希望解析出HTML展示。可以使用v-html指令,该指令后面往往会跟上一个string类型,会将string的html解析出来并且进行渲染。

    v-text指令

    4.v-text作用和Mustache一致: v-text通常情况下,接受一个string类型。

    v-pre指令

    5.v-pre用于跳过这个元素和它子元素的编译过程,用于显示原本的Mustache语法。 比如下面的代码: 第一个h2元素中的内容会被编译解析出来对应的内容 第二个h2元素中会直接显示{{message}}.

    v-cloak指令

    6.在某些情况下,我们浏览器可能会直接显然出未编译的Mustache标签。

     

  • 相关阅读:
    Ansiable Manage MySQL global variables
    Ansible 从MySQL数据库添加或删除用户
    Ansible 管理MySQL主从复制
    Ansible 从远程主机添加或删除MySQL数据库
    vi/vim编辑器
    shell doc
    ubuntu 上 SSH scp 技巧
    SpringBoot 整合 devtools 实现热部署
    Gson 解决时间解析问题
    springboot retry
  • 原文地址:https://www.cnblogs.com/ljylearnsmore/p/14120972.html
Copyright © 2011-2022 走看看