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标签。

     

  • 相关阅读:
    Nginx 相关配置文件修改
    LNMP平台构建实验 +bbs社区搭建
    CSGO项目
    创世战车项目
    IGXE搬砖项目
    11_samba服务器的搭建
    26_django内置static标签
    06_git添加远程仓库并向远程仓库中推送代码
    23_添加apps到项目的搜索路径
    23_django日志器的配置和其使用方法
  • 原文地址:https://www.cnblogs.com/ljylearnsmore/p/14120972.html
Copyright © 2011-2022 走看看