Vue.js 如何在VueJS v-for循环中设置临时变量

我有一个像这样的v-for循环

<div v-for="deal in deals">
  <div class="title">{{deal.title}}</div>
</div>

{{deal.title}}

我正在尝试设置悬停状态的变量，这是我尝试的：

<div v-for="deal in deals" @mouseover="deal.hover = true" @mouseout="deal.hover = false">
  <div class="title">{{deal.title}}</div>
  <div class="description" v-if="deal.hover">{{deal.description}}</div>
</div>

{{deal.title}}
{{deal.description}}

请注意，默认情况下，

deal.hover

是

undefined

（不能预定义为false）

---

在VueJS中可能出现类似的情况吗？

我不知道您所说的“临时”变量是什么意思。您的代码正在尝试将

悬停

属性添加到每个

交易

。你当然可以做到

<div v-for="deal in deals"
     @mouseover="$set(deal, 'hover', true)"
     @mouseout="$set(deal, 'hover', false)"
  <div class="title">{{deal.title}}</div>
  <div class="description" v-if="deal.hover">{{deal.description}}</div>
</div>

---

为什么
不能预定义为false
？