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-delimited string, a …

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 adding a …

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 shared by …

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 via …

New Features Some of new features to keep an eye on in Vue Router 4 include: Dynamic Routing Composition API

Quick Start Try Vue Online To quickly get a taste of Vue, you can try it directly in our Playground. If you prefer a plain HTML setup without any build steps, you can use this JSFiddle as your starting point. If …

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 please read their …

<KeepAlive> Caches dynamically toggled components wrapped inside. Props ts interface KeepAliveProps { /** * If specified, only components with names matched by * `include` will be …

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:

module.exports = { mode: 'development', module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, // this will apply to both plain `.js` files // AND `<script>` blocks in `.vue` files { test: /\.js$/, loader: 'babel …