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 …

<KeepAlive> 默认会缓存内部的所有组件实例，但我们可以通过 include 和 exclude prop 来定制该行为。 这两个 prop 的值都可以是一个以英文逗号分隔的字符串、一个正则表达式，或是包含 …

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 …

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 …

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 …

v-for We can use the v-for directive to render a list of items based on an array. The v-for directive requires a special syntax in the form of item in items, where items is the source data array and …

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:

--inline-vue include the Vue module in the final bundle of library or web component target --name name for lib or web-component mode (default: "name" in package.json or entry filename)