vue中巧用三元表达式解析
目录
- 如何巧用三元表达式
- 三元表达式的巧妙使用
- :class=“ “的三元表达式写法
如何巧用三元表达式 一开始我并不喜欢阅读别人的代码,话说程序员最讨厌的事:写代码要写文档、写代码要写注释、别人的代码没有文档、别人的代码没有注释。后来发现阅读别人的代码虽然很枯燥,但是很锻炼逻辑思维,而且还能学到很多东西,比如我下面要说的这个:
三元表达式的巧妙使用
在某天(其实具体是哪天我也忘了),我在阅读别人的代码时发现一串三元表达式,感觉很6,像是打开新世界的大门一样,顿时感觉只有你想不到的,没有别人做不到的。真的是活到老学到死啊。
下面上代码:
这代码扫一眼看着没毛病啊,就是遍历渲染数据,但是其中三元表达式的使用真的是6到飞起。可能有些大佬一看,有点鄙视我,“垃圾,就一个三元表达式,大惊小怪”,但是我是头一次看到这么写的。其实好多东西不是不会写,而是想不到。就像这个三元表达式,让谁写谁都能写出来,但是就是想不到可以这么写。这也是阅读别人代码的一个好处,可以学到一些骚操作,让自己少写代码,提高工作效率。
回头再说这个三元表达式,我们正常使用三元表达式是这样的:
【vue中巧用三元表达式解析】表达式 (expr1) ? (expr2) : (expr3)而上面代码中把表达式中的值又设为一个表达式,满足条件的时候执行表达式再次判断求值,将三元表达式写成了类似于if判断的东西,减少了代码量而且还增加更加容易读懂
在 expr1 求值为 TRUE 时的值为 expr2,在 expr1 求值为 FALSE 时的值为 expr3。
:class=“ “的三元表达式写法
文章图片
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- 教你使用vue3写Json-Preview的示例代码
- 投稿|中国啤酒发展简史:困在低价里,一心向高端
- 投稿|2022年中国重卡智能化升级专题研究
- 投稿|甘当龙套70年,中国西部的翻身仗怎么打?
- java中的多态
- vue|el-table表头如何添加筛选功能
- 巧用浏览器F12调试器定位系统前后端bug
- vue.js|vue3.x兼容tailwindcss(截至发帖)
- {调取该文章的TAG关键词}|“险远之地 人间烟火”瞰世界·第八届(2022)中国无人机影像大赛正式启动
- 数据采集之(巧用布隆过滤器提取数据摘要)