How to use vue logical judges

This article mainly explains "how to use vue logic judge". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to use vue logic judge.

There are three kinds of logical judges in vue: 1. Logic and operator "&". True is returned only when both operands are true. Otherwise, false;2, logic or operator "| |" is returned. If one of the two operands is true, true;3 is returned and the logical non-operator "!" is returned for reverse operation.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

Logical operators in vue

& & and, there are false and false

| | or, true or true |

! No, reverse

We can use them in the same v-if instruction, for example

The & & = logical operator AND; returns true only if both operands are true, otherwise it returns false.

| | = logical operator OR; returns true if both operands are true, or one of them is true, otherwise it returns false.

& & indicates that the div to be displayed must meet two conditions

| | indicates that only one condition must be div before it can be displayed.

Thank you for your reading, the above is the content of "how to use vue logic judges". After the study of this article, I believe you have a deeper understanding of how to use vue logic judges, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!