vue + element-ui 实现省市区三级联动选择组件

目标：实现如下图所示的省市区三级联动选择组件

1. 新建公共组件文件 global-city文件夹，里面包含组件文件：index.vue，和3个js文件分别装着省市区的code值和名称

2. 组件代码：index.vue

3. 省 市 区 三个js文件在没有接口的时候可以使用本地code值（这个网上就找得到哦~~，代码太多了就不贴出来啦，不想百度的可以私信发 o ）

省份：province.js

市：city.js

区县：area.js

4. 组件在页面中使用方法如下：

// 省市区选择框改变时，传递出来已选择的值
changeCode(data, prop) {
    this.areaData = data;
},
// 重置选择框
resetForm() {
    this.$refs.selectArea[0].resetArea()  // 清除省市区
}

有什么问题的话，欢迎大家留言交流哦~~~ 互相学习，加油鸭