组件名为todoList为什么会报错

组件名为todoList为什么会报错,如下

qq_慕虎6557578

2018-12-14

源自：vue2.5入门 3-2

关注问题我要回答

1454

操作

收起

3 回答

悬壶行者回答被采纳 +2 积分
2018-12-19

todolist这个组件名的命名格式有问题，应该改为 todo-list 这样的格式

详细信息可以参看https://cn.vuejs.org/v2/guide/components-registration.html 里面的简介，或者

w3c的规范 https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name

0 回复有任何疑惑可以回复我~

收起回答

悬壶行者

当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 <my-component-name> 和 <MyComponentName> 都是可接受的。注意，尽管如此，直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的。这句是补充