我需要在vue2中，jeecgboot 前端通过data.js的数据完成组件<j-area-linkage>完成省市区三级联动的前端代码

首先，你需要在vue2项目中安装`j-area-linkage`组件库，可以通过以下命令进行安装：

npm install j-area-linkage --save

然后在你的Vue组件中引入该组件：

<template>
  <div>
    <j-area-linkage
      :province="province"
      :city="city"
      :district="district"
      :provinceList="provinceList"
      :cityList="cityList"
      :districtList="districtList"
      @provinceChange="provinceChange"
      @cityChange="cityChange"
      @districtChange="districtChange"
    ></j-area-linkage>
  </div>
</template>

<script>
import JAreaLinkage from 'j-area-linkage';

export default {
  name: 'MyComponent',
  components: {
    JAreaLinkage,
  },
  data() {
    return {
      province: '',
      city: '',
      district: '',
      provinceList: [],
      cityList: [],
      districtList: [],
    };
  },
  created() {
    // 在data.js中获取省市区数据
    // 省份列表
    this.provinceList = data.provinceList;
    // 城市列表
    this.cityList = data.cityList;
    // 区县列表
    this.districtList = data.districtList;
  },
  methods: {
    // 省份选择回调
    provinceChange(province) {
      this.province = province;
      // 根据省份获取城市列表
      this.cityList = data.getCityListByProvince(province);
      // 清空城市和区县
      this.city = '';
      this.district = '';
    },
    // 城市选择回调
    cityChange(city) {
      this.city = city;
      // 根据城市获取区县列表
      this.districtList = data.getDistrictListByCity(city);
      // 清空区县
      this.district = '';
    },
    // 区县选择回调
    districtChange(district) {
      this.district = district;
    },
  },
};
</script>

在上述代码中，我们通过引入`j-area-linkage`组件，并在`data`中获取省市区数据。然后在`template`中使用`j-area-linkage`组件，通过绑定`province`、`city`、`district`等属性和相应的回调函数来实现省市区三级联动。

注意，`data.js`文件中需要提供以下三个方法：

- `getCityListByProvince(province)`：根据省份获取城市列表
- `getDistrictListByCity(city)`：根据城市获取区县列表
- `provinceList`：省份列表
- `cityList`：城市列表
- `districtList`：区县列表

你需要根据你的实际情况来实现这些方法。