Skip to content

Commit b949158

Browse files
authored
docs: consist usage of in-DOM template (#2521)
1 parent 6e3fac2 commit b949158

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

src/guide/components/registration.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -136,6 +136,6 @@ Throughout the guide, we are using PascalCase names when registering components.
136136

137137
2. `<PascalCase />` makes it more obvious that this is a Vue component instead of a native HTML element in templates. It also differentiates Vue components from custom elements (web components).
138138

139-
This is the recommended style when working with SFC or string templates. However, as discussed in [in-DOM Template Parsing Caveats](/guide/essentials/component-basics#in-dom-template-parsing-caveats), PascalCase tags are not usable in DOM templates.
139+
This is the recommended style when working with SFC or string templates. However, as discussed in [in-DOM Template Parsing Caveats](/guide/essentials/component-basics#in-dom-template-parsing-caveats), PascalCase tags are not usable in in-DOM templates.
140140

141141
Luckily, Vue supports resolving kebab-case tags to components registered using PascalCase. This means a component registered as `MyComponent` can be referenced in the template via both `<MyComponent>` and `<my-component>`. This allows us to use the same JavaScript component registration code regardless of template source.

src/style-guide/rules-strongly-recommended.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -352,7 +352,7 @@ Unfortunately, HTML doesn't allow custom elements to be self-closing - only [off
352352
```
353353

354354
```vue-html
355-
<!-- In DOM templates -->
355+
<!-- In in-DOM templates -->
356356
<my-component/>
357357
```
358358

@@ -367,7 +367,7 @@ Unfortunately, HTML doesn't allow custom elements to be self-closing - only [off
367367
```
368368

369369
```vue-html
370-
<!-- In DOM templates -->
370+
<!-- In in-DOM templates -->
371371
<my-component></my-component>
372372
```
373373

0 commit comments

Comments
 (0)