vue组件命名浅析

注意组件名要以字母开头,后面跟字母数值下划线/横线,并且不要与 HTML 元素或 Vue 保留的标签名重名。


由于 HTML 标签不区分大小写,所以在生成的标签名都会转换为小写。例如  会被自动转换为 

vue组件命名浅析_第1张图片


当应用到DOM应该这样写 时,标签 mycomponent 匹配的组件依次为mycomponent(原标签名)、myComponent(camelCase形式)MyComponent(PascalCase形式),并没有匹配到注册的组件名 myComponent,MyComponent,所以会报找不到组件 的警告。


当应用到DOM应该这样写>> 时,标签 my-component匹配的组件依次为  my-componentmyComponent(camelCase形式)、MyComponent(PascalCase形式),并没有匹配到注册的组件名 myComponent,MyComponent,所以会报找不到组件 的警告。

 

你可能感兴趣的:(vue)