IDEA VUE使用条件循环

 下面来使用vue项目，来写一个简单的条件式循环
 第一步：新建一个vue项目，使用IDEA打开vue项目来进行编写，所使用的组件库是element组件，下面是代码部分：

<template>
  <div>
    <div :title="message"></div>
    <div v-for="(item,index) in array" :key="item">
      {{item}} {{index}}
    </div>
  </div>
</template>

<script>
export default {
  name: 'slienet',
  data () {
    return {
      message: '123456789',
      array: ['语文','数学','英语']
    }
  }
}
</script>

 运行后的结果图：

    	item 	为一个整型数
    	index 	为一个数组的下标索引
    	array	为一个整型数组

在v-for循环中定义2个值(item index)放在in array(放在数组中),让key(主键)为*(item*),然后在return中设置array的返回值[‘xx’,‘xx’,‘xx’],使用for循环将array的返回值遍历出来，最后得到图三的效果。