首页 > 其他 > 详细

Vue 组件引入子组件v-for

时间:2018-09-23 21:52:05      阅读:463      评论:0      收藏:0      [点我收藏+]

  当父组件引入子组件时,v-for 遍历对象,会显示对象有多少个属性和方法,为遍历出显示次数。

      而v-for 遍历数组,则遍历显示一次。

父组件

   <!--引入子组件  子组件,在子组件 v-for 指令遍历对象,会循环显示次数为对象有多少属性和方法-->
    <compontentA v-for="(value, key) in ObjList"
         :key="key"
         :class="{odd: key % 2}">
      {{ value}} -- {{ key }}
    </compontentA>

子组件

<template>
  <h1 >{{ NewDate}}</h1>
</template>
<script>
  export default {
      data(){
          return {
              NewDate:‘组件内联--列表项‘
          }
      }
  }
</script>
<style scoped>

</style>

 

Vue 组件引入子组件v-for

原文:https://www.cnblogs.com/branchTree/p/9693593.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!