Vue动态组件Component的:is命名规则以及简单使用

Vue动态组件Component的:is命名规则以及简单使用

• 当组件使用短横线分隔命名 （kebab-case） 定义一个组件为my-component-name时，你在引用这个自定义元素时也必须使用 kebab-case，则必须使用my-component-name引用组件。vue3 不能使用短横线

• 当组件使用 帕斯卡命名法（PascalCase）组件命名MyComponentName，my-component-name 、myComponentName 和 MyComponentName 都是可以的。

• 当组件使用 骆驼命名法 （camelCase ）首字母小写也是可以使用 my-component-name 和 myComponentName 都是可以的

• 当组件使用下划线或者其他命名方法时，名字必须一一对应。

参考vue3 + TS 代码如下：

test.vue

当组件命名为TestComponent的时候，type可以使用 test-component TestComponent 和 testComponent

当组件命名为testComponent的时候，type可以使用 test-component 和 testComponent

当组件命名为test_component的时候，type必须使用 test_component

TestComonent.vue