vant2实现省市区级联

vant2是一个基于Vue.js的移动端组件库，它提供了一个Cascader级联选择器组件可以用于实现省市区级联。在使用Cascader组件时，需要提供一个数据源，即包含省市区信息的数组，例如：

const options = [
  {
    text: '北京市',
    value: '110000',
    children: [
      {
        text: '市辖区',
        value: '110100',
        children: [
          {
            text: '东城区',
            value: '110101'
          },
          {
            text: '西城区',
            value: '110102'
          }
        ]
      },
      {
        text: '县',
        value: '110200',
        children: [
          {
            text: '密云县',
            value: '110228'
          },
          {
            text: '延庆县',
            value: '110229'
          }
        ]
      }
    ]
  },
  {
    text: '天津市',
    value: '120000',
    children: [
      {
        text: '市辖区',
        value: '120100',
        children: [
          {
            text: '和平区',
            value: '120101'
          },
          {
            text: '河东区',
            value: '120102'
          }
        ]
      },
      {
        text: '县',
        value: '120200',
        children: [
          {
            text: '宁河县',
            value: '120221'
          },
          {
            text: '静海县',
            value: '120223'
          }
        ]
      }
    ]
  }
];

然后在模板中使用Cascader组件，并将数据源传递给它：

<template>
  <van-cascader
    :options="options"
    v-model="selectedValues"
    @change="handleChange"
  />
</template>

<script>
export default {
  data() {
    return {
      options: [...],
      selectedValues: []
    };
  },
  methods: {
    handleChange(values) {
      console.log(values);
    }
  }
};
</script>

这样，用户选择省市区后，可以通过`selectedValues`获取选中的值，通过`handleChange`方法监听选中值的变化。