vue学习笔记——组件的命名方式9/28

183 阅读1分钟

写在前面

一,组件的命名方式

大驼峰命名法:ComponentName

短横线分隔:component-name

使用自定义组件的时候,两种命名方式都允许,

但是应用到dom 应该使用短横线分割命名方式,否则就会报错:
代码片段:

报错内容:

如果是引入组件的话只能用大驼峰命名法,用短横线分隔会提示错误

在自定义事件中,事件名也应该使用短横线分割方法命名,如果将事件用v-on:myEvent 命名,就会变成v-on:myevent. 导致监听不到事件,所以用v-on:my-event 。