要求组件可拖拽排序，支持参数输入和断言，用vue和element-ui怎么实现

要实现可拖拽排序的组件，可以使用 element-ui 中提供的 el-draggable 组件。在 el-draggable 组件上设置 v-model 绑定一个数组，然后在数组中存储每个组件的参数和属性。在 el-draggable 组件的 slot 中遍历数组，将每个组件渲染出来。同时，可以使用 el-form 组件来实现参数输入和断言的功能。

以下是一个简单的实现示例：

<template>
  <div>
    <el-draggable v-model="componentList">
      <template v-for="(component, index) in componentList">
        <div :key="index">
          <el-form>
            <el-form-item label="参数1">
              <el-input v-model="component.param1"></el-input>
            </el-form-item>
            <el-form-item label="参数2">
              <el-input v-model="component.param2"></el-input>
            </el-form-item>
          </el-form>
          <el-button @click="assert(component)">断言</el-button>
        </div>
      </template>
    </el-draggable>
  </div>
</template>

<script>
import { ElDraggable, ElForm, ElFormItem, ElInput, ElButton } from 'element-ui';

export default {
  components: {
    ElDraggable,
    ElForm,
    ElFormItem,
    ElInput,
    ElButton,
  },
  data() {
    return {
      componentList: [
        { name: '组件1', param1: '', param2: '' },
        { name: '组件2', param1: '', param2: '' },
        { name: '组件3', param1: '', param2: '' },
      ],
    };
  },
  methods: {
    assert(component) {
      // 实现断言的逻辑
    },
  },
};
</script>

在这个示例中，我们使用了 el-draggable、el-form、el-form-item、el-input 和 el-button 等 element-ui 组件来实现可拖拽排序、参数输入和断言的功能。同时，我们在 componentList 数组中存储了每个组件的参数和属性，并在 el-draggable 组件的 slot 中遍历数组，将每个组件渲染出来。在 el-form 组件中，我们使用 el-input 组件来实现参数输入的功能。在 el-button 组件中，我们可以绑定一个 assert 方法来实现断言的逻辑。