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

首先，需要澄清的是，Element UI 是为 Vue 2 设计的，而 Element Plus 是 Element UI 的 Vue 3 版本。在 Element UI 和 Element Plus 中，并没有一个直接名为 “Loading 加载” 的独立组件。相反，加载效果通常是通过指令、服务或作为其他组件（如按钮、对话框等）的一个属性来实现的。

下面我将分别为 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 介绍如何实现加载效果，并解释相关的属性、方法或服务。

Vue 2 + Element UI

在 Element UI 中，加载效果可以通过两种方式实现：使用 v-loading 指令或 Loading 服务。

使用 v-loading 指令

Element UI 提供了一个 v-loading 指令，可以方便地给任何元素添加加载效果。

属性:

• element-loading-text: 用于自定义加载文案。
• element-loading-spinner: 用于自定义加载图标类名。
• element-loading-background: 用于设置加载遮罩的背景色。

使用方法:
在模板中，你可以通过 v-loading 指令为元素添加加载效果，如：

<template>
  <div v-loading="isLoading" element-loading-text="拼命加载中...">
    <!-- 内