总结:简而言之就是组件名不能与保留的html标签名重复。
组件命名规则如下:
- 不使用非法的标签字符;
- 不与 保留的HTML 元素(区分大小写)/ SVG 元素(不区分大小写)命名相同;
- 不使用 Vue 保留的 插槽(slot)和 组件(component)名(区分大小写)。
- Vue 2.0 含有 KeepAlive、Transition、TransitionGroup 组件,尽量避免与这三个组件重名
特殊用法:
- 故意重名来实现一些特殊的功能。
例如,keep-alive 的匹配顺序为keep-alive、keepAlive、KeepAlive,所以我们可以注册一个 keep-alive 组件来拦截 KeepAlive匹配。