diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 18fb08d..13fc37d 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -4,24 +4,26 @@ import { defineConfigWithTheme } from 'vitepress'
import type { Config as ThemeConfig } from '@vue/theme'
import baseConfig from '@vue/theme/config'
import { headerPlugin } from './headerMdPlugin'
-import { jobsPlugin } from './jobsMdPlugin'
+// import { textAdPlugin } from './textAdMdPlugin'
const nav: ThemeConfig['nav'] = [
{
- text: 'Dokumentation',
+ text: 'Docs',
activeMatch: `^/(guide|style-guide|cookbook|examples)/`,
items: [
- { text: 'Einführung', link: '/guide/introduction' },
+ { text: 'Guide', link: '/guide/introduction' },
{ text: 'Tutorial', link: '/tutorial/' },
- { text: 'Beispiele', link: '/examples/' },
- { text: 'Schnellstart', link: '/guide/quick-start' },
+ { text: 'Examples', link: '/examples/' },
+ { text: 'Quick Start', link: '/guide/quick-start' },
// { text: 'Style Guide', link: '/style-guide/' },
+ { text: 'Glossary', link: '/glossary/' },
+ { text: 'Error Reference', link: '/error-reference/' },
{
- text: 'Vue 2 Dokumentation',
+ text: 'Vue 2 Docs',
link: 'https://v2.vuejs.org'
},
{
- text: 'Migration von Vue 2',
+ text: 'Migration from Vue 2',
link: 'https://v3-migration.vuejs.org/'
}
]
@@ -33,23 +35,29 @@ const nav: ThemeConfig['nav'] = [
},
{
text: 'Playground',
- link: 'https://sfc.vuejs.org'
+ link: 'https://play.vuejs.org'
},
{
- text: 'Ökosystem',
+ text: 'Ecosystem',
activeMatch: `^/ecosystem/`,
items: [
{
- text: 'Ressourcen',
+ text: 'Resources',
items: [
- { text: 'Partner', link: '/partners/' },
+ { text: 'Partners', link: '/partners/' },
+ { text: 'Developers', link: '/developers/' },
{ text: 'Themes', link: '/ecosystem/themes' },
+ { text: 'UI Components', link: 'https://ui-libs.vercel.app/' },
+ {
+ text: 'Certification',
+ link: 'https://certificates.dev/vuejs/?ref=vuejs-nav'
+ },
{ text: 'Jobs', link: 'https://vuejobs.com/?ref=vuejs' },
{ text: 'T-Shirt Shop', link: 'https://vue.threadless.com/' }
]
},
{
- text: 'Offizielle Bibliotheken',
+ text: 'Official Libraries',
items: [
{ text: 'Vue Router', link: 'https://router.vuejs.org/' },
{ text: 'Pinia', link: 'https://pinia.vuejs.org/' },
@@ -57,7 +65,7 @@ const nav: ThemeConfig['nav'] = [
]
},
{
- text: 'Video Kurse',
+ text: 'Video Courses',
items: [
{
text: 'Vue Mastery',
@@ -70,32 +78,32 @@ const nav: ThemeConfig['nav'] = [
]
},
{
- text: 'Hilfe',
+ text: 'Help',
items: [
{
text: 'Discord Chat',
link: 'https://discord.com/invite/HBherRA'
},
{
- text: 'GitHub Diskussionen',
+ text: 'GitHub Discussions',
link: 'https://github.com/vuejs/core/discussions'
},
{ text: 'DEV Community', link: 'https://dev.to/t/vue' }
]
},
{
- text: 'Neuigkeiten',
+ text: 'News',
items: [
{ text: 'Blog', link: 'https://blog.vuejs.org/' },
{ text: 'Twitter', link: 'https://twitter.com/vuejs' },
- { text: 'Newsletter', link: 'https://news.vuejs.org/' },
- { text: 'Veranstaltungen', link: 'https://events.vuejs.org/' }
+ { text: 'Events', link: 'https://events.vuejs.org/' },
+ { text: 'Newsletters', link: '/ecosystem/newsletters' }
]
}
]
},
{
- text: 'Über',
+ text: 'About',
activeMatch: `^/about/`,
items: [
{ text: 'FAQ', link: '/about/faq' },
@@ -106,6 +114,7 @@ const nav: ThemeConfig['nav'] = [
link: '/about/community-guide'
},
{ text: 'Code of Conduct', link: '/about/coc' },
+ { text: 'Privacy Policy', link: '/about/privacy' },
{
text: 'The Documentary',
link: 'https://www.youtube.com/watch?v=OrxmtDw4pVI'
@@ -117,29 +126,33 @@ const nav: ThemeConfig['nav'] = [
link: '/sponsor/'
},
{
- text: 'Partner',
- link: '/partners/',
- activeMatch: `^/partners/`
+ text: 'Experts',
+ badge: { text: 'NEW' },
+ activeMatch: `^/(partners|developers)/`,
+ items: [
+ { text: 'Partners', link: '/partners/' },
+ { text: 'Developers', link: '/developers/', badge: { text: 'NEW' } }
+ ]
}
]
export const sidebar: ThemeConfig['sidebar'] = {
'/guide/': [
{
- text: 'Erste Schritte',
+ text: 'Getting Started',
items: [
- { text: 'Einführung', link: '/guide/introduction' },
+ { text: 'Introduction', link: '/guide/introduction' },
{
- text: 'Schnellstart',
+ text: 'Quick Start',
link: '/guide/quick-start'
}
]
},
{
- text: 'Grundlagen',
+ text: 'Essentials',
items: [
{
- text: 'Erstellung einer Anwendung',
+ text: 'Creating an Application',
link: '/guide/essentials/application'
},
{
@@ -147,50 +160,51 @@ export const sidebar: ThemeConfig['sidebar'] = {
link: '/guide/essentials/template-syntax'
},
{
- text: 'Grundlagen der Reaktivität',
+ text: 'Reactivity Fundamentals',
link: '/guide/essentials/reactivity-fundamentals'
},
{
- text: 'Berechnete Eigenschaften',
+ text: 'Computed Properties',
link: '/guide/essentials/computed'
},
{
- text: 'Einbinden von Klassen und Stylen',
+ text: 'Class and Style Bindings',
link: '/guide/essentials/class-and-style'
},
{
- text: 'Bedingtes Rendering',
+ text: 'Conditional Rendering',
link: '/guide/essentials/conditional'
},
- { text: 'Listen Rendering', link: '/guide/essentials/list' },
+ { text: 'List Rendering', link: '/guide/essentials/list' },
{
text: 'Event Handling',
link: '/guide/essentials/event-handling'
},
- { text: 'Formulare Eingabenbindung', link: '/guide/essentials/forms' },
- {
- text: 'Lebenszyklus-Hooks',
- link: '/guide/essentials/lifecycle'
- },
- { text: 'Beobachter', link: '/guide/essentials/watchers' },
+ { text: 'Form Input Bindings', link: '/guide/essentials/forms' },
+ { text: 'Watchers', link: '/guide/essentials/watchers' },
{ text: 'Template Refs', link: '/guide/essentials/template-refs' },
{
- text: 'Grundlagen von Komponenten',
+ text: 'Components Basics',
link: '/guide/essentials/component-basics'
+ },
+ {
+ text: 'Lifecycle Hooks',
+ link: '/guide/essentials/lifecycle'
}
]
},
{
- text: 'Komponenten Vertiefung',
+ text: 'Components In-Depth',
items: [
{
- text: 'Registrieren',
+ text: 'Registration',
link: '/guide/components/registration'
},
{ text: 'Props', link: '/guide/components/props' },
{ text: 'Events', link: '/guide/components/events' },
+ { text: 'Component v-model', link: '/guide/components/v-model' },
{
- text: 'Durchfallende Attribute',
+ text: 'Fallthrough Attributes',
link: '/guide/components/attrs'
},
{ text: 'Slots', link: '/guide/components/slots' },
@@ -199,27 +213,27 @@ export const sidebar: ThemeConfig['sidebar'] = {
link: '/guide/components/provide-inject'
},
{
- text: 'Asynchrone Komponenten',
+ text: 'Async Components',
link: '/guide/components/async'
}
]
},
{
- text: 'Wiederverwendbarkeit',
+ text: 'Reusability',
items: [
{
- text: 'Kompositmaterialien',
+ text: 'Composables',
link: '/guide/reusability/composables'
},
{
- text: 'Benutzerdefinierte Direktiven',
+ text: 'Custom Directives',
link: '/guide/reusability/custom-directives'
},
{ text: 'Plugins', link: '/guide/reusability/plugins' }
]
},
{
- text: 'Eingebaute Komponenten',
+ text: 'Built-in Components',
items: [
{ text: 'Transition', link: '/guide/built-ins/transition' },
{
@@ -232,10 +246,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
]
},
{
- text: 'Hochskalieren',
+ text: 'Scaling Up',
items: [
- { text: 'Single-File Komponenten', link: '/guide/scaling-up/sfc' },
- { text: 'Werkzeuge', link: '/guide/scaling-up/tooling' },
+ { text: 'Single-File Components', link: '/guide/scaling-up/sfc' },
+ { text: 'Tooling', link: '/guide/scaling-up/tooling' },
{ text: 'Routing', link: '/guide/scaling-up/routing' },
{
text: 'State Management',
@@ -249,10 +263,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
]
},
{
- text: 'Bewährte Praktiken',
+ text: 'Best Practices',
items: [
{
- text: 'Produktives Deployment',
+ text: 'Production Deployment',
link: '/guide/best-practices/production-deployment'
},
{
@@ -260,11 +274,11 @@ export const sidebar: ThemeConfig['sidebar'] = {
link: '/guide/best-practices/performance'
},
{
- text: 'Barrierefreiheit',
+ text: 'Accessibility',
link: '/guide/best-practices/accessibility'
},
{
- text: 'Sicherheit',
+ text: 'Security',
link: '/guide/best-practices/security'
}
]
@@ -272,22 +286,22 @@ export const sidebar: ThemeConfig['sidebar'] = {
{
text: 'TypeScript',
items: [
- { text: 'Übersicht', link: '/guide/typescript/overview' },
+ { text: 'Overview', link: '/guide/typescript/overview' },
{
- text: 'TS mit Composition API',
+ text: 'TS with Composition API',
link: '/guide/typescript/composition-api'
},
{
- text: 'TS mit Options API',
+ text: 'TS with Options API',
link: '/guide/typescript/options-api'
}
]
},
{
- text: 'Zusätzliche Themen',
+ text: 'Extra Topics',
items: [
{
- text: 'Verwendungsmöglichkeiten von Vue',
+ text: 'Ways of Using Vue',
link: '/guide/extras/ways-of-using-vue'
},
{
@@ -295,34 +309,29 @@ export const sidebar: ThemeConfig['sidebar'] = {
link: '/guide/extras/composition-api-faq'
},
{
- text: 'Reaktivität im Detail',
+ text: 'Reactivity in Depth',
link: '/guide/extras/reactivity-in-depth'
},
{
- text: 'Rendering Mechanismen',
+ text: 'Rendering Mechanism',
link: '/guide/extras/rendering-mechanism'
},
{
- text: 'Render Funktionen & JSX',
+ text: 'Render Functions & JSX',
link: '/guide/extras/render-function'
},
{
- text: 'Vue und Web Komponenten',
+ text: 'Vue and Web Components',
link: '/guide/extras/web-components'
},
{
- text: 'Animationstechniken',
+ text: 'Animation Techniques',
link: '/guide/extras/animation'
- },
- {
- text: 'Reactivity Transform',
- link: '/guide/extras/reactivity-transform'
}
// {
// text: 'Building a Library for Vue',
// link: '/guide/extras/building-a-library'
// },
- // { text: 'Custom Renderers', link: '/guide/extras/custom-renderer' },
// {
// text: 'Vue for React Devs',
// link: '/guide/extras/vue-for-react-devs'
@@ -364,6 +373,10 @@ export const sidebar: ThemeConfig['sidebar'] = {
{
text: 'Dependency Injection',
link: '/api/composition-api-dependency-injection'
+ },
+ {
+ text: 'Helpers',
+ link: '/api/composition-api-helpers'
}
]
},
@@ -413,10 +426,12 @@ export const sidebar: ThemeConfig['sidebar'] = {
{
text: 'Advanced APIs',
items: [
+ { text: 'Custom Elements', link: '/api/custom-elements' },
{ text: 'Render Function', link: '/api/render-function' },
{ text: 'Server-Side Rendering', link: '/api/ssr' },
{ text: 'TypeScript Utility Types', link: '/api/utility-types' },
- { text: 'Custom Renderer', link: '/api/custom-renderer' }
+ { text: 'Custom Renderer', link: '/api/custom-renderer' },
+ { text: 'Compile-Time Flags', link: '/api/compile-time-flags' }
]
}
],
@@ -558,24 +573,37 @@ export const sidebar: ThemeConfig['sidebar'] = {
export default defineConfigWithTheme
Das
Progressive
@@ -21,9 +21,9 @@ onMounted(async () => {
Ein einfaches, performantes und flexibles Framework für die Erstellung von Webschnittstellen.
-
- Basiert auf Standard-HTML, CSS und JavaScript, mit intuitiver - API und erstklassiger Dokumentation. + Builds on top of standard HTML, CSS and JavaScript with intuitive + API and world-class documentation.
API style now defaults to Composition API.
++ Some pages contain different content based on the API style + chosen. Use this switch to toggle between APIs styles. +
+ + ++ Showing content for + {{ preferComposition ? 'Composition' : 'Options' }} API because + {{ + source === 'url-query' + ? 'it is specified by the URL query.' + : 'the target section is only available for that API.' + }} +
++ This is different from your saved preference and will only affect + the current browsing session. +
+ ++ Learn more + +
+ + +- {{ member.location }} -
+No other costs.
+One month trial period, thereafter, one month notice period.
+{{ desc.content }}
+ +
+ {{ partnerConfig.pageHeroBanner.description1 }}
+
+ {{ partnerConfig.pageHeroBanner.description2 }}
+
+
{{ partnerConfig.pageHeroBanner.footer }}
+ +{{ prependText }}
+ +{{ appendText }}
+Code | +Message | +
---|---|
+ | + |
Current component: A
- count: {{ count }} + Count: {{ count }} diff --git a/src/guide/built-ins/keep-alive-demos/CompB.vue b/src/guide/built-ins/keep-alive-demos/CompB.vue index b236717..026f707 100644 --- a/src/guide/built-ins/keep-alive-demos/CompB.vue +++ b/src/guide/built-ins/keep-alive-demos/CompB.vue @@ -1,9 +1,10 @@Current component: B
- Message is: {{ msg }} + Message is: {{ msg }} diff --git a/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue b/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue index 757feb4..97b9006 100644 --- a/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue +++ b/src/guide/built-ins/keep-alive-demos/SwitchComponent.vue @@ -1,10 +1,11 @@ diff --git a/src/guide/built-ins/keep-alive.md b/src/guide/built-ins/keep-alive.md index fca4e15..8d202f1 100644 --- a/src/guide/built-ins/keep-alive.md +++ b/src/guide/built-ins/keep-alive.md @@ -8,7 +8,7 @@ import SwitchComponent from './keep-alive-demos/SwitchComponent.vue' ## Basic Usage {#basic-usage} -In the Component Basics chapter, we introduced the syntax for [Dynamic Components](/guide/essentials/component-basics.html#dynamic-components), using the `+
Hello here is some bouncy text!
$ npm init vue@latest
- Vue Partners are Vue-team endorsed agencies that provide first-class - Vue consulting and development services. If your company is - interested in being listed as a partner, please - register your interest here. -
-+ Vue Partners are Vue-team endorsed agencies that provide first-class + Vue consulting and development services. If your company is + interested in being listed as a partner, please + register your interest here. +
+ +- Generate leads for new projects, boost your credibility to your - clients, and support the long term sustainability of Vue.js and its - ecosystem. -
- Become a partner -