Vue 样式绑定的&&与！的作用

Question

 data: {
isActive: true,
 error: null
 }

active: this.isActive && !this.error,
  'text-danger': this.error && this.error.type === 'fatal',

这样式的&&与！是啥意思？连在一起又啥意思？

Answer 1

就是 && --> 逻辑与运算符 , ! --> 非运算符。

你把它当做表达式就理解就好

Answer 2

&& 是同时满足两个条件，!是取反，也就是 isActive 状态且没有错误v

Answer 3

你这是js还没看,就直接上Vue.js了?

Answer 4

我就不再发个问题了，借此问一下大佬们：

fatal这是个啥数据类型？  ===是一个地址和内容的强制判断，我真不懂fatal是个嘛？