Question

我知道这是一个非常愚蠢的问题，但我是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>

Answer 1

试试这个：

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

JSFiddle

如何在Vue.js中构造这个PHP foreach（）渲染的等价物？

1 个答案: