【区分vue2和vue3下的element UI Avatar 头像组件，分别详细介绍属性，事件，方法如何使用，并举例】

在 Vue 2 和 Vue 3 中，Element UI 和 Element Plus 提供了 Avatar 头像组件，用于显示用户的头像或图标。然而，需要注意的是，在 Vue 2 中通常使用 Element UI，而在 Vue 3 中则使用 Element Plus。这两个库在 Avatar 组件的实现上可能会有一些细微的差别，但基本概念和用法是相似的。

Vue 2 + Element UI Avatar 头像组件

在 Vue 2 中，Element UI 的 Avatar 组件主要用于展示用户头像或图标，它提供了丰富的属性来自定义显示。

属性（Props）

• size：设置头像的大小。
• src：设置头像的图片地址。
• shape：设置头像的形状，可选值为 square 或 circle。
• icon：当没有设置 src 时，可以设置一个 Element UI 的图标类名来显示图标。
• class-name：自定义类名。

事件（Events）

Element UI 的 Avatar 组件在 Vue 2 中并没有定义特定的事件。

方法（Methods）

Avatar 组件在 Vue 2 的 Element UI 中没有直接暴露任何方法供