GraceUI

// import provinceData from '../data/city-data/province.js';
    // import cityData     from '../data/city-data/city.js';
    // import areaData     from '../data/city-data/area.js';
    import {
        regionData
    } from 'element-china-area-data'
    console.log(regionData)
    let provinceData = []
    let cityData = []
    let areaData = []

    function getData(dataList) {
        let arr = [];
        (dataList || []).forEach(item => {
            const {
                label,
                value
            } = item
            arr = [...arr, {
                label,
                value
            }]
        })
        return arr
    };
    provinceData = getData(regionData);
    (regionData || []).forEach((item, index) => {
        cityData = [...cityData, getData(item.children)];
        areaData.push([]);
        (item.children || []).forEach(child => {
            areaData[index].push(getData(child.children || []));
        })
    });
    console.log(provinceData)
    console.log(cityData)
    console.log(areaData)

以上部分为修改内容，其它代码无需变动。