vue3使用zrender引用antd的icon

要在Vue3中使用zrender引用antd的icon，你需要先安装zrender和antd，并在Vue3的组件中引用它们。

安装zrender和antd：

npm install zrender ant-design-vue@next --save

在Vue3的组件中引用它们：

<template>
  <div class="my-component">
    <z-render :width="600" :height="400">
      <z-pie :shape="{cx: 300, cy: 200, r: 100}" :style="{fill: '#f00'}"></z-pie>
      <z-text :style="{text: 'Hello World!', x: 300, y: 200}"></z-text>
      <a-icon type="smile" />
    </z-render>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import { ZRender, ZPie, ZText } from 'zrender';
import { Icon } from 'ant-design-vue';

export default defineComponent({
  components: {
    ZRender,
    ZPie,
    ZText,
    Icon,
  },
});
</script>

这里我们在组件中引用了ZRender、ZPie、ZText、antd的Icon组件，并在ZRender中使用了ZPie、ZText和antd的Icon。需要注意的是，antd的Icon需要通过`a-icon`标签来使用。