【Vue】插值表达式

作用：利用表达式进行插值渲染

语法：{ { 表达式 } }

目录

案例一：

案例二：

案例三：

​编辑 

注意：

---

案例一：

    
    





   {{str}}          

    
    {{str.toUpperCase()}} 

    
    {{str.toLowerCase()}} 

    
    {{str+'world'}}      

 

案例二：

    
    





  {{age>=18? '成年':'未成年'}}

案例三：

    
    





  {{friend.name}} 

    {{friend.age}}

 

注意：

1.   使用的数据要存在

2.   { {  里面是表达式不是语句  } } 

3.   不能在标签属性中使用{ { } } 例如 < div id=“ { { } } ”>