有時候在模板中循環中，需要去計算一個值，並且多次使用。因為是一個循環，所以不太好使用computed，就不得不需要多次計算

<li v-for="(item,index) in list" :key="index">
  <div>{{method(item.key)}}</div>
  <div>{{method(item.key)}}</div>
</li>

這種情況可以在模板中臨時定義一個臨時變量

<li v-for="(item,index) in list" :key="index" :data-var="value = method(item.key)">
  <div>{{value}}</div>
  <div>{{value}}</div>
</li>

並不是只能使用data-var，這個是隨意寫的，只是一個承載這個臨時變量的載體，你也可以這樣寫。

<li v-for="(item,index) in list" :key="index">
  <div style="display:none;">{{value = method(item.key)}}</div>
  <div>{{value}}</div>
  <div>{{value}}</div>
</li>