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 …

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 …

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 …

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 …

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

Template Syntax Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying Vue instance’s data. All Vue.js templates are valid …

<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:

// webpack.config.js const { VueLoaderPlugin } = require('vue-loader') module.exports = { module: { rules: [ // ... other rules { test: /\.vue$/, loader: 'vue-loader' } ] }, plugins: [ // make sure to …

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.