二、插值操作

01、Mustache

简单说即 “双括号” 语法，不仅仅可以直接写变量，也可以写一些简单的表达式



    
        "UTF-8">
            
        
    
    
        "app">
             {{message}}
             {{message}}，李银河 
            
            
             {{ firstName + " " + lastName }} 
             {{ counter*2 }}

02、v-once 语法

当执行第一次时进入响应式处理，并且只渲染一次，不会随着数据的更改而改变

 "app">
             {{message}}

            
             {{message}}

03、v-html 语法

当执行的语句是一个dom标签，并且需要按照基本的html的dom展示效果展示时，

"app">
            
            "url">

04、 v-text 语法

执行的返回结果为string语句时，但建议使用Mustache语法编写


        "app">
             {{message}} ,李银河 

              
            "message">，李银河

05、 v-pre 语法

不对html的dom元素进行任何的渲染，显示的结果为dom元素中的所写的内容

"app">
             {{ message }} 

            
             {{ message }}

06、 v-cloak 语法

在某些情况下，我们浏览器可能会直接显示出未编译成功的Mustrache标签

//在下面的示例中，将设置效果为没有渲染完成，则不进行dom元素中内容的最终显示‘



    
        "UTF-8">
            
        
        
    
    
        "app" v-cloak>
             {{ message }}

Vue2x

二、插值操作

{{message}}

{{message}}，李银河

{{ firstName + " " + lastName }}

{{ counter*2 }}

{{message}}

{{message}}

"url">

{{message}} ,李银河

"message">，李银河

{{ message }}

{{ message }}

{{ message }}

相关

标签