vue学习笔记--组件的命名方式及注意点

一、组件名命名方式：
帕斯卡命名方式：ComponentName
短横线分隔：component-name
使用自定义元素的时候，两种命名方式都允许，但是当应用到dom的时候，应该使用短横线分割命名方式。
如下，两种命名方式都是正确的：
图一：

image.png

图二：

image.png

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

image.png

报错内容：

image.png

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