vant框架引入省市区

使用框架：

vue-cli  、vant

1、在src目录中的main.js中引入vant里的Area组件（见最后一个）并use

 2、在项目目录使用命令下载省市区文件

npm add @ vant/area-data

 3、在组件中引入该文件

注意，在引入的时候不要写错了！！

import { areaList } from '@vant/area-data';

4、使用Area组件即可

<template>
    <div>
        <van-area title="标题" :area-list="area" /> //这里的area是返回值area
    </div>
</template>

<script>
import { areaList } from '@vant/area-data';
export default {
    name:"selectArea",
    data() {
        return{
            msg:"城区选择组件",
            area:areaList //这里的areaList是引入的areaList，不是绑定值area-list
        }
    },
    methods:{

    }
}
</script>