vue学习5-js表达式

三目运算符

<!DOCTYPE html>
<html lang='en'>
<head>
 <meta charset='UTF-8'>
 <meta http-equiv='X-UA-Compatible' content='IE=edge'>
 <meta name='viewport' content='width=device-width, initial-scale=1.0'>
 <script src='https://unpkg.com/vue/dist/vue.js'></script>
 <title></title>
</head>
<body>
 <div id='app'>
     <div :style="{color:danger?'red':'black'}">提示消息</div>
 </div>
 <script>
    new Vue({
     el:'#app',
     data:{
        danger:false
     }
   }
)
</script>
</body>
</html>


 

posted @ 2021-12-25 17:15  空谷近心  阅读(27)  评论(0)    收藏  举报