elementui 自定义组件

ElementUI 提供了许多常用的组件，但是在实际项目中，我们可能需要自定义一些组件来满足特定的需求。下面是一个简单的自定义组件的示例：

<template>
  <div>
    <input :value="value" @input="$emit('input', $event.target.value)" />
  </div>
</template>

<script>
export default {
  props: ['value']
}
</script>

这是一个简单的输入框组件，它接收一个 `value` 属性并将其绑定到输入框上。当输入框的值发生变化时，通过 `$emit` 方法触发一个名为 `input` 的事件，并将输入框的值作为参数传递出去。

使用该组件时，可以像下面这样使用：

<template>
  <div>
    <custom-input v-model="inputValue" />
  </div>
</template>

<script>
import CustomInput from './CustomInput.vue'

export default {
  components: {
    CustomInput
  },
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

在父组件中，我们将 `CustomInput` 组件注册为子组件，并使用 `v-model` 指令将 `inputValue` 绑定到子组件的 `value` 属性上。这样，当子组件的输入框值发生变化时，父组件中的 `inputValue` 也会跟着变化。

这只是一个简单的示例，实际场景中可能需要更复杂的自定义组件。不过基本的思路是一样的：通过 `props` 属性接收父组件传递的数据，通过 `$emit` 方法向父组件触发事件并传递数据。