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 …

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 …

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 …

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 …

If the first argument is a literal string, it will be used as the prop name; Otherwise the prop name will default to "modelValue". In both cases, you can also pass an additional object which can include the …

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 …

Vue and Web Components Web Components is an umbrella term for a set of web native APIs that allows developers to create reusable custom elements. We consider Vue and Web Components to …

Chrome Install the extension on the Chrome Web Store: Install on Chrome Beta To install the beta version of the devtools, remove or disable any existing versions and install the extension from here. …

Configuring tsconfig.json Projects scaffolded via create-vue include pre-configured tsconfig.json. The base config is abstracted in the @vue/tsconfig package. Inside the project, we use Project …

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: