Html 如何在Vue.js中构造此PHP foreach（）呈现的等价物？

我知道这是一个非常愚蠢的问题，但我是vuejs新手，我想知道如何将这个简单的php代码转换为vuejs

<div>
<?php
 foreach( $array as $key => $value){
  if($key == 0){
    echo '<div>'.$key.'</div>';
  }else{
   echo '<div>'.$value.'</div>';
  }
}
?>
<div>

应该是这样的：

<div>
 <div v-for="(item, key) in items" v-if="key == 0">{{key}}</div>
 <div v-else>{{item}}</div>
</div>

{{key}}
{{item}}

试试这个：

<template v-for="(item, index) in items">
  <div v-if="index === 0">{{index}}</div>
  <div v-else>{{item}}</div>
</template>

{{index}}
{{item}}

---

for循环中的条件将破坏您的else条件，请尝试

{{key}}{{item}}

仅供参考，这将使用Vue版本1。在Vue版本2中（我认为询问者正在使用），语法应该是

v-for=“（item，index）In items”

。