下載後，使用npm install命令生成node_modules資料夾，再使用npm run dev命令啟動專案，看是否是你需要的。

效果圖：

如何在自己專案中使用？

• 此外掛基於mint-ui。需要在專案中先下載mint-ui

npm i mint-ui --save-dev    

mint-ui安裝好後，在main.js中匯入mint-ui

import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

如圖所示：

• 將select.vue貼上到components目錄下。
  在index.js中註冊該元件。
  

• 需要省市區外掛的元件中呼叫select元件

<template>
  <div>
    <mt-button type="primary" @click="select">選擇省市區</mt-button>
    <p :value="address">{{address}}</p>
    <yz-select v-if="show" :ref="show" @changeValue='isShow' :province='province' :city='city' :county='county'>
 
</yz-select>
  </div>
</template>

<script>
import select from '@/components/select'
export default {
  name: 'HelloWorld',
  data () {
    return {
      show: false,
      address: '',
      province: '北京市',
      city: '北京市',
      county: '東城區'
    }
  },
  components:{
    'yz-select'
 
: select
  },
  methods: {
    select(){
            this.show = true;
    },
    isShow(msg){
            console.log(msg);
            this.show = msg.show;
            this.address = msg.result;
            this.province = msg.province;
            this.city = msg.city;
            this.county = msg.county;
        }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped></style>

點擊出現省市區外掛方法為select, address為選擇的地址。
em…以上就是呼叫的方式。
自測過基本上沒什麼問題，歡迎大家一起討論交流。
資料格式是參考iosselect的資料格式來的。
如圖，通過parentId建立資料之間的關聯。