Vue组件使用

1. Spin加载

用于页面和区块的加载状态 基本用法

<template>
  <div>
    <a-spin />
  </div>
</template>

放在容器中：

<template>
  <div class="example">
    <a-spin />
  </div>
</template>`

2. for渲染数据

  <a-select default-value="1"  style="width: 120px" @change="handleChange">
      <a-select-option v-for="va in b" :key="va.id">
      {{va.value}}
      </a-select-option>

data中挂载数据：

export default {
      name: 'Companay14',
      data(){
          return  {
              b:[
                {id:1,value: 1},
                {id:2,value: 2},
                {id:3,value: 3},
                {id:4,value: 4},
                {id:5,value: 5},
                {id:6,value: 6},
                {id:7,value: 7},
                {id:8,value: 8},
                 
              ],

结果如下所示：