Javascript VueJS动态类

读了这本书，我不明白我怎样才能改变一门课

我的组件数据如下所示：

props: [
  'm_c_id',
  'recipient_id',
  'sender_id',
  'userId'
],

现在，如果

sender\u id==userId

我想在我的模板中显示它：

<div class="msg-from-me">
   <p>Hello</p>
</div>

---

还可以使用三元运算符切换类：

<div v-bind:class="[sender_id === userId ? msg-from-me : msg-from-them]">

---

这样，如果只有两个选项是发送者id或接收者id，则正确的类将切换。

这在中有详细介绍。@BertEvans是这样的吗

v-bind:class=“{'msg-from-me'：userId==m_sender_id，'msg from themes'：userId==m_recipient_id}”

可能重复的Yes，如下所示。

<div v-bind:class="[sender_id === userId ? msg-from-me : msg-from-them]">