一、使用描述
1、|| 和 &&
以前在js逻辑代码中,常常会用到类似于三元运算的||
逻辑运算符。
// 如果this.redirect为真,就使用它,不然就使用 "/"
this.$router.replace(this.redirect || '/')
今天在vue项目中相对登录跳转未遂地址优化时,发现一个比较有趣的代码:
watch: {
$route: {
handler: function (route) {
// 如果route.query为真,使用更深层次的route.query.redirect;
// 如果route.query为假,直接使用它即可
this.redirect = route.query && route.query.redirect
},
immediate: true
}
},
2、三元运算
// (关系表达式) ? 表达式1 : 表达式2;
// 关系表达式为真时,使用表达式1
// 关系表达式为假时,使用表达式2
3、总结
三元运算并不需要将自己作为选择结果,而||
、&&
在参与逻辑运算的同时也将自己作为结果选项。