g6 vue树形图combo分组，写了defaultCombo和G6. registerCombo都不行，没有效果，能给代码例子吗

当你在Vue中使用G6时，可以在`mounted()`生命周期函数中编写G6图表代码。以下是一个简单的例子，演示如何在Vue中创建一个树形图，并添加分组：

<template>
  <div ref="container"></div>
</template>

<script>
import G6 from '@antv/g6';

export default {
  mounted() {
    const container = this.$refs.container;
    const data = {
      nodes: [
        { id: 'node1', label: 'Node 1' },
        { id: 'node2', label: 'Node 2' },
        { id: 'node3', label: 'Node 3' },
        { id: 'node4', label: 'Node 4' },
      ],
      edges: [
        { source: 'node1', target: 'node2' },
        { source: 'node2', target: 'node3' },
        { source: 'node2', target: 'node4' },
      ],
    };
    const defaultCombo = 'group';
    G6.registerCombo(
      'group',
      {
        draw(cfg, group) {
          const keyShape = group.addShape('rect', {
            attrs: {
              x: cfg.x - 20,
              y: cfg.y - 20,
              width: 100,
              height: 100,
              stroke: '#000',
              fill: '#fff',
            },
            name: 'rect-shape',
          });
          if (cfg.label) {
            group.addShape('text', {
              attrs: {
                text: cfg.label,
                x: cfg.x + 20,
                y: cfg.y + 20,
                textAlign: 'center',
                textBaseline: 'middle',
                fill: '#000',
              },
              name: 'text-shape',
            });
          }
          return keyShape;
        },
      },
      defaultCombo
    );

    const graph = new G6.TreeGraph({
      container,
      width: 500,
      height: 500,
      modes: {
        default: ['drag-canvas', 'zoom-canvas', 'drag-node'],
      },
      defaultCombo,
      defaultComboStyle: {
        fillOpacity: 0.1,
      },
    });

    graph.data(data);
    graph.render();

    graph.createCombo({
      id: 'combo1',
      label: 'Group 1',
      comboId: 'group',
      children: ['node1', 'node2', 'node3'],
    });
  },
};
</script>

上面的代码创建了一个树形图，其中包含4个节点和3个边。通过`G6.registerCombo()`方法注册了一个名为`group`的分组，然后在G6图表中设置了`defaultCombo`属性和`defaultComboStyle`属性。最后，使用`graph.createCombo()`方法创建了一个`combo1`分组，其中包含3个节点。

在上面的例子中，`G6.registerCombo()`方法接受三个参数：分组类型名称，绘制方法和默认分组类型。绘制方法用于绘制分组的外观，可以使用G6 API中的任何形状或组合来实现。默认分组类型是可选的，如果不指定，则默认为G6的默认分组类型。