Include / Exclude By default, <KeepAlive> will cache any component instance inside. We can customize this behavior via the include and exclude props. Both props can be a comma …

Result filenames include content hashes so you don’t need to worry about browsers caching their old versions. The public directory is provided as an escape hatch, and when you reference it …

In cases where the exact type of the component isn't available or isn't important, ComponentPublicInstance can be used instead. This will only include properties that are …

For example, we may decide to include an accessibility feature to enlarge the text of blog posts, while leaving the rest of the page its default size: In the parent, we can support this feature by …

Most of Vue Router API has remained unchanged during its rewrite from v3 (for Vue 2) to v4 (for Vue 3) but there are still a few breaking changes that you might encounter while migrating …

If you're starting a new project, you might find it easier to use the create-vue scaffolding tool, which creates a Vite-based project with the option to include Vue Router:

Aug 21, 2025 · We strongly recommend you to always include the file extension when importing .vue files. @vue/cli-plugin-unit-jest We've upgraded the bundled Jest from v23 to v24, so …

interface KeepAliveProps { /** * If specified, only components with names matched by * `include` will be cached. */ include?: MatchPattern /** * Any component with a name matched by …

You can definitely include these connector words in component names if you'd like, but the order is still important. Also note that what's considered "highest-level" will be contextual to your app.

Conditional Groups with v-if on <template> Because v-if is a directive, it has to be attached to a single element. But what if we want to toggle more than one element? In this case we can use …