使用antd vue组件库中的树形组件，现获取三层树形数据，每一层数据都有checked，根据checked的值为true的数据，页面树形列表默认勾选，checked值为false，树形列表的数据不勾选，给出详细代码

首先，你需要在页面上引入Ant Design Vue组件库的Tree组件。

然后，将你获取到的三层树形数据渲染到树形组件中。在每一个节点的数据中，应该包含一个`checked`属性，用来表示该节点是否被勾选。

最后，在渲染树形组件时，根据节点的`checked`属性值来设置该节点是否被默认勾选。

以下是示例代码：

<template>
  <a-tree :data="treeData" :default-expanded-keys="['0-0', '0-0-0']" :default-checked-keys="checkedKeys"></a-tree>
</template>

<script>
import { Tree } from 'ant-design-vue';

export default {
  components: { 'a-tree': Tree },
  data() {
    return {
      treeData: [
        {
          title: 'Parent 1',
          key: '0-0',
          children: [
            {
              title: 'Child 1-1',
              key: '0-0-0',
              checked: true,
              children: [
                {
                  title: 'Grandchild 1-1-1',
                  key: '0-0-0-0',
                  checked: true,
                },
                {
                  title: 'Grandchild 1-1-2',
                  key: '0-0-0-1',
                  checked: false,
                },
              ],
            },
            {
              title: 'Child 1-2',
              key: '0-0-1',
              checked: false,
              children: [
                {
                  title: 'Grandchild 1-2-1',
                  key: '0-0-1-0',
                  checked: true,
                },
                {
                  title: 'Grandchild 1-2-2',
                  key: '0-0-1-1',
                  checked: false,
                },
              ],
            },
          ],
        },
      ],
      checkedKeys: [],
    };
  },
  mounted() {
    this.checkedKeys = this.getCheckedKeys(this.treeData);
  },
  methods: {
    getCheckedKeys(nodes) {
      let checkedKeys = [];
      nodes.forEach(node => {
        if (node.checked) {
          checkedKeys.push(node.key);
        }
        if (node.children && node.children.length > 0) {
          checkedKeys.push(...this.getCheckedKeys(node.children));
        }
      });
      return checkedKeys;
    },
  },
};
</script>

在这个示例代码中，我们定义了一个`treeData`数组来表示树形数据，其中每一个节点都包含了一个`checked`属性来表示该节点是否被勾选。

在页面上，我们使用`<a-tree>`组件将`treeData`渲染成树形列表。我们通过`default-checked-keys`属性将`checkedKeys`数组传递给树形组件，来设置哪些节点被默认勾选。

在`mounted`生命周期钩子函数中，我们调用了`getCheckedKeys`方法来获取所有`checked`属性值为true的节点的`key`，并将它们存储在`checkedKeys`数组中。最后，将`checkedKeys`数组传递给树形组件即可。

在`getCheckedKeys`方法中，我们使用递归来遍历所有的节点，并将所有`checked`属性值为true的节点的`key`存储在`checkedKeys`数组中。