// v5之前的版本

npm i --save vue-area-linkage

// v5及之后的版本

npm i --save vue-area-linkage area-data

import VueAreaLinkage from 'vue-area-linkage';

Vue.use(VueAreaLinkage)

import {pca, pcaa} from 'area-data'; // 城市数据

    import 'vue-area-linkage/dist/index.css'; // 样式

 data () {

            return {

                pca: pca,

                pcaa: pcaa,

                selected2: '',

           }

}

// v5之前的版本

<area-select v-model="selected"></area-select>

<area-cascader v-model="selected2"></area-cascader>

// v5及之后的版本

<area-select v-model="selected" :data="pca"></area-select> // 省市

// 省市区：<area-select v-model="selected" :data="pcaa"></area-select>

<area-cascader v-model="selected2" :data="pca"></area-cascader> // 省市

// 省市区：<area-cascader v-model="selected2" :data="pcaa"></area-cascader>

//setting

<area-select type='all' :level='' v-model="selected" :data="pcaa"></area-select>

<area-cascader type='all' v-model="selected2" :level='' :data="pcaa"></area-cascader>