The initial lowercase of the child component name is not recognized in the parent template in the vue project.

problem description

the lowercase of the child component name is not recognized in the parent template in the vue project

the environmental background of the problems and what methods you have tried

clipboard.png

as shown in the figure, the lowercase letter opening tag is not recognized (it would be fine to start with an uppercase letter)

what result do you expect? What is the error message actually seen?

because the html tag specification is lowercase or-connectors, it seems that vue can only start with uppercase letters, which is a bit confusing.

Dec.02,2021

is changed to lowercase because it is treated as a sub tag for html rather than a component, and you change the component name.


components: {

'sub': Sub

}
sub is the html tag. Do not repeat the component name with the html signature. Change the name.

Menu