vue 传数据

建立了vue框架和vue-router 和iview 然后直接复制代码就行

 

 

<template>
  <div class="about">
 <Select>
             <Option v-for="(item,index,key) in data" :key="key" >{{item.name}}</Option>
         </Select>
  </div>
</template>
<script>
export default {
  data () {
    return {
         data: [
                    {
                        name: '王小明',
                        age: 18,
                        address: '北京市朝阳区芍药居'
                    },
                    {
                        name: '张小刚',
                        age: 25,
                        address: '北京市海淀区西二旗'
                    },
                    {
                        name: '李小红',
                        age: 30,
                        address: '上海市浦东新区世纪大道'
                    },
                    {
                        name: '周小伟',
                        age: 26,
                        address: '深圳市南山区深南大道'
                    }
                ],
    }
  }
}
</script>

 <!-- 实际项目里经常有这种格式 -->

         <Select   v-model="score" style="width:200px;margin-right:10px;"  placeholder='努力学习' >

               <Option v-for="(item, index) in  study" :value="item.id" :key="index">{{ item.name }}</Option>

          </Select>