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

     

  • 相关阅读:
    [Codeup 25482]选美
    [Codeup 25481] swan
    暑假集训D12总结
    [技术]浅谈重载操作符
    2020年寒假第6次学*进度记录
    2020年寒假第5次学*进度记录
    2020年寒假第4次学*进度记录
    “家庭记账本”软件开发(1)
    阅读《梦断代码》随笔(1)
    2020年寒假第三次学*进度记录
  • 原文地址:https://www.cnblogs.com/ljylearnsmore/p/14120972.html
Copyright © 2011-2022 走看看