console 命令行工具 X clear

console

  new Vue({
      el: '#app',
      data () {
            return {
                cityList: [
                    {
                        id: '1',
                        label: '服务&发的'
                    },
                    {
                        id: '2',
                        label: 'London'
                    },
                    {
                        id: '3',
                        label: 'Sydney'
                    },
                    {
                        id: 'Ottawa',
                        label: 'Ottawa'
                    },
                    {
                        id: 'Paris',
                        label: 'Paris'
                    },
                    {
                        id: 'Canberra',
                        label: 'Canberra'
                    }
                ],
                model1: ''
            }
        },
      methods: {
          show: function () {
              this.visible = true;
          }
      }
  })

<html>
  <head>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iview/2.1.0/iview.min.js"></script>
  </head>
  <body>
    <div id="app">
      <Select v-model="model1" style="width:200px">
        <Option v-for="item in cityList" :value="item.id" :key="item.id">{{ item.label }}</Option>
      </Select>
    </div>
  </body>
</html>

本项目引用的自定义外部资源

iview.css