一 &&
在 Vue.js 中,&& 运算符用于逻辑与操作,它允许根据某个条件来决定是否执行某个方法或表达式。
'原理: 只有这边表达式为 true 时才会判断右边的表达式'
可用来确保表达式在有效情况下进行,类似于 if let 判断
例如:
this.auto && this.setOption();
二 ||
在 Vue.js 中, || 操作符来设置默认值。
原理: 判断时,前假后真,结果留着真
类似于 ?? 判空赋值
<div>{{ message || '默认信息' }}</div>
三 !! 起到的作用仅是将一个值转换为布尔值,但是并未改变值的本质状态,该是真还是真;是假还是假
使用双感叹号将一个值转换为布尔类型的结果如下:
- 对于“假”值,如false、0、空字符串、null、undefined等,双感叹号转换后为false。
- 对于其他非“假”值,双感叹号转换后为true。