element plus中ElButton这种写法是什么模式？

Question

这段看一个框架里用elment plus中的组件所有的写法都是ELxxx这种模式：
之前不是都是<el-button>按钮</el-button>
他写是

<ElButton type="primary" @click="open">按钮</ElButton>

而且都是调的element库的。。
这种写法我看在手册上也没介绍，这是什么写法？

Answer 1

Vue 当中， <ElButton> 的这种驼峰形式，和 <el-button> 这样的短横线命名的用法其实是一样的。
因为 html 是大小写不敏感的，所以 Vue 在处理模板的时候会帮你把驼峰写法转换成短横线命名（既不清是转成短横线还是下划线了）。
但是如果你直接在 html 当中书写时，你怎么注册的组件就得怎么写自定义组件名称（比如说你 components:{ ComponentA } 那你使用的时候就得是 <ComponentA>，不能用 <component-a> 了）。