vue3怎么在zrender引用antd的icon

在Vue3中使用ZRender引用Ant Design的Icon，可以按照以下步骤进行操作：

1. 在Vue3项目中安装Ant Design的Icon组件库：

   npm install @ant-design/icons-vue

2. 在需要使用Icon的组件中，引入ZRender和Ant Design的Icon组件库：

   import ZRender from 'zrender'
   import { defineComponent } from 'vue'
   import { SmileOutlined } from '@ant-design/icons-vue'

3. 创建ZRender实例并在其中添加Ant Design的Icon组件：

   export default defineComponent({
     setup() {
       const containerRef = ref(null)
       let zr = null
       onMounted(() => {
         zr = ZRender.init(containerRef.value)
         zr.add(SmileOutlined)
       })
       return {
         containerRef
       }
     }
   })

4. 在ZRender中使用Ant Design的Icon组件：

   zr.add(new SmileOutlined({
     style: {
       x: 100,
       y: 100
     }
   }))

在上面的代码中，我们创建了一个新的SmileOutlined组件，并将其添加到ZRender中。我们还可以在SmileOutlined组件的style属性中设置其位置。

通过以上步骤，我们就可以在Vue3中使用ZRender引用Ant Design的Icon组件了。