使用cdn element-ui

Element-UI 是一套基于 Vue.js 的桌面端组件库，它提供了丰富的 UI 组件和交互效果，可以帮助开发者快速构建美观、易用的前端界面。使用 Element-UI 需要先安装 Vue.js，并在项目中引入 Element-UI 的相关组件。

以下是使用 Element-UI 的一般步骤：

1. 安装 Vue.js：在项目中使用 Element-UI 之前，需要先安装 Vue.js。可以通过 npm 或者 yarn 进行安装，具体命令如下：

   npm install vue

或者

   yarn add vue

2. 安装 Element-UI：安装完 Vue.js 后，可以通过 npm 或者 yarn 安装 Element-UI。具体命令如下：

   npm install element-ui

或者

   yarn add element-ui

3. 引入 Element-UI 组件：在项目的入口文件中，引入需要使用的 Element-UI 组件。可以按需引入单个组件，也可以引入全部组件。例如，引入 Button 组件的代码如下：

   import { Button } from 'element-ui';
   import 'element-ui/lib/theme-chalk/index.css';

   Vue.use(Button);

4. 使用 Element-UI 组件：在项目的页面中，可以直接使用已经引入的 Element-UI 组件。例如，在模板中使用 Button 组件的代码如下：

   <template>
     <div>
       <el-button type="primary">按钮</el-button>
     </div>
   </template>

以上是使用 Element-UI 的一般步骤，你可以根据具体需求引入和使用其他的 Element-UI 组件。如果需要更详细的使用说明和示例代码，可以参考 Element-UI 的官方文档。