@@ -1131,7 +1131,7 @@ Note that when used as a route component in `vue-router`, these properties will
1131
1131
1132
1132
### Component Naming Conventions
1133
1133
1134
- When registering components (or props), you can use kebab-case, camelCase, or TitleCase .
1134
+ When registering components (or props), you can use kebab-case, camelCase, or PascalCase .
1135
1135
1136
1136
``` js
1137
1137
// in a component definition
@@ -1140,8 +1140,8 @@ components: {
1140
1140
' kebab-cased-component' : { /* ... */ },
1141
1141
// register using camelCase
1142
1142
' camelCasedComponent' : { /* ... */ },
1143
- // register using TitleCase
1144
- ' TitleCasedComponent ' : { /* ... */ }
1143
+ // register using PascalCase
1144
+ ' PascalCasedComponent ' : { /* ... */ }
1145
1145
}
1146
1146
```
1147
1147
@@ -1158,13 +1158,13 @@ When using _string_ templates however, we're not bound by HTML's case-insensitiv
1158
1158
1159
1159
- kebab-case
1160
1160
- camelCase or kebab-case if the component has been defined using camelCase
1161
- - kebab-case, camelCase or TitleCase if the component has been defined using TitleCase
1161
+ - kebab-case, camelCase or PascalCase if the component has been defined using PascalCase
1162
1162
1163
1163
``` js
1164
1164
components: {
1165
1165
' kebab-cased-component' : { /* ... */ },
1166
1166
camelCasedComponent: { /* ... */ },
1167
- TitleCasedComponent : { /* ... */ }
1167
+ PascalCasedComponent : { /* ... */ }
1168
1168
}
1169
1169
```
1170
1170
@@ -1174,12 +1174,12 @@ components: {
1174
1174
<camel-cased-component ></camel-cased-component >
1175
1175
<camelCasedComponent ></camelCasedComponent >
1176
1176
1177
- <title -cased-component ></title -cased-component >
1178
- <titleCasedComponent ></titleCasedComponent >
1179
- <TitleCasedComponent ></TitleCasedComponent >
1177
+ <pascal -cased-component ></pascal -cased-component >
1178
+ <pascalCasedComponent ></pascalCasedComponent >
1179
+ <PascalCasedComponent ></PascalCasedComponent >
1180
1180
```
1181
1181
1182
- This means that the TitleCase is the most universal _ declaration convention_ and kebab-case is the most universal _ usage convention_ .
1182
+ This means that the PascalCase is the most universal _ declaration convention_ and kebab-case is the most universal _ usage convention_ .
1183
1183
1184
1184
If your component isn't passed content via ` slot ` elements, you can even make it self-closing with a ` / ` after the name:
1185
1185
0 commit comments