vue组件遍历结果

app.vue

<template>

  <div>
   <componenta v-for="(key,value) in obj"></componenta>
   
  </div>
</template>


<script>
import componenta from './components/a'
export default {
  components :{
    componenta: componenta
  },
data(){
return{
  hello: 'world',
  obj:{
    name:"cwy",
    age:18,


  }
}

}

a.vue

<template>
  <div>
  <p>{{hello}}</p>
  </div>
</template>


<script>
export default {
data(){
return{
  hello: 'hello'
}
}
  
}

结果是：

hello

hello

因为obj有两个属性，因此会遍历两个结果