Options: Misc | Vue.js

Reactivity: Utilities
Reactivity: Advanced
Dependency Injection
Options: Composition
Syntax Specification
Server-Side Rendering
TypeScript Utility Types
Explicitly declare a display name for the component.
The name of a component is used for the following:
When you use Single-File Components, the component already infers its own name from the filename. For example, a file named MyComponent.vue will have the inferred display name "MyComponent".
Another case is that when a component is registered globally with app.component, the global ID is automatically set as its name.
The name option allows you to override the inferred name, or to explicitly provide a name when no name can be inferred (e.g. when not using build tools, or an inlined non-SFC component).
There is one case where name is explicitly necessary: when matching against cacheable components in <KeepAlive> via its include / exclude props.
Since version 3.2.34, a single-file component using <script setup> will automatically infer its name option based on the filename, removing the need to manually declare the name even when used with <KeepAlive>.
Controls whether the default component attribute fallthrough behavior should be enabled.
By default, parent scope attribute bindings that are not recognized as props will "fallthrough". This means that when we have a single-root component, these bindings will be applied to the root element of the child component as normal HTML attributes. When authoring a component that wraps a target element or another component, this may not always be the desired behavior. By setting inheritAttrs to false, this default behavior can be disabled. The attributes are available via the $attrs instance property and can be explicitly bound to a non-root element using v-bind.
When declaring this option in a component that uses <script setup>, you can use the defineOptions macro:
An object that registers components to be made available to the component instance.
See also Component Registration
An object that registers directives to be made available to the component instance.
See also Custom Directives
Edit this page on GitHub