在vue3中使用element plus的问题？

Question

下面是一段vue3的代码：

<template>
  <ContentWrap title="xxxx" message="dddd">
    <el-button>xxx</el-button>
  </ContentWrap>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import {ContentWrap} from '@/components/ContentWrap'
import {ElButton} from "element-plus";

</script>

<style scoped>

</style>

这为什么导入的是"ElButton"但按"<el-button>"用就可以呀？

Answer 1

Vue 支持将模板中使用 kebab-case 的标签解析为使用 PascalCase 注册的组件。这意味着一个以 MyComponent 为名注册的组件，在模板中可以通过 <MyComponent> 或 <my-component> 引用。这让我们能够使用同样的 JavaScript 组件注册代码来配合不同来源的模板。

Answer 2

vue2的文档中有提到过
https://v2.cn.vuejs.org/v2/st...

---

vue3中放到了这里：https://cn.vuejs.org/guide/es...