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

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

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

而且都是调的element库的。。
这种写法我看在手册上也没介绍,这是什么写法?
image.png

阅读 1.4k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏