You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/de/essentials/getting-started.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
> Hinweis: Wir benutzen [ES2015](https://github.com/lukehoban/es6features) in den Code-Beispielen.
4
4
5
-
Eine Single-Page-Applikation mit Vue.js und vue-router zu erstellen ist wirklich simpel. Mit Vue.js stellen wir unsere App ja bereits aus Komponenenten zusammen. Wenn wir nun vue-router ins Spiel bringen, müssen wir lediglich unsere Komponenenten den "Routes" zuordnen und vue-router mitteilen, wo diese Komponenenten gerendert werden sollen. Hier ein einfaches Beispiel:
5
+
Eine Single-Page-Applikation mit Vue.js und vue-router zu erstellen ist wirklich simpel. Mit Vue.js stellen wir unsere App ja bereits aus Komponenten zusammen. Wenn wir nun vue-router ins Spiel bringen, müssen wir lediglich unsere Komponenten den "Routes" zuordnen und vue-router mitteilen, wo diese Komponenten gerendert werden sollen. Hier ein einfaches Beispiel:
6
6
7
7
> Alle Beispiele nutzen die Standalone-Version von Vue, um Template-Parsing nutzen zu können. Mehr Details [hier (englisch)](http://vuejs.org/guide/installation.html#Standalone-vs-Runtime-only-Build)
8
8
@@ -30,18 +30,18 @@ Eine Single-Page-Applikation mit Vue.js und vue-router zu erstellen ist wirklich
30
30
### JavaScript
31
31
32
32
```js
33
-
// 0. Wenn du Module-System wie Webpack oder Browserify benutzt, (zB. via vue-cli), importiere Vue sowie VueRouter und rufe Vue.use(VueRouter) auf.
33
+
// 0. Wenn du ein Modul-System wie Webpack oder Browserify benutzt (z. B. via vue-cli), importiere Vue sowie VueRouter und rufe Vue.use(VueRouter) auf.
34
34
35
-
// 1. Definiere die Route-Komponenenten
35
+
// 1. Definiere die Route-Komponenten
36
36
// Diese können auch aus anderen Dateien importiert werden.
37
37
constFoo= { template:'<div>foo</div>' }
38
38
constBar= { template:'<div>bar</div>' }
39
39
40
40
// 2. Definiere ein paar Routes
41
-
// Jede Route sollte mit einer Komponenente verbunden sein.
42
-
// Die Komponenente kann entweder eine tatsächliche Komponente sein, die via Vue.extend() erstellt wird,
43
-
// ein Komponenten-ID-String der via Vue.component() registriert wurde,
44
-
// oder lediglich ein Optionsobjekt der Komponenente.
41
+
// Jede Route sollte mit einer Komponente verbunden sein.
42
+
// Die Komponente kann entweder eine tatsächliche Komponente sein, die via Vue.extend() erstellt wird,
43
+
// ein Komponenten-ID-String, der via Vue.component() registriert wurde,
44
+
// oder lediglich ein Optionsobjekt der Komponente.
45
45
// Hinweis: Verschachtelte (engl: "nested") Routes werden später in dieser Anleitung behandelt.
46
46
47
47
constroutes= [
@@ -67,4 +67,4 @@ const app = new Vue({
67
67
```
68
68
Das ganze gibt es natürlich auch als [Live-Beispiel](http://jsfiddle.net/yyx990803/xgrjzsup/).
69
69
70
-
Hinweis: `<router-link>` erhält automatisch die CSS-class`.router-link-active`, wenn die aktuelle Route im Browser der des router-link entspricht. Mehr Infos dazu in der [API-Referenz](../api/router-link.md).
70
+
Hinweis: `<router-link>` erhält automatisch die CSS-Klasse`.router-link-active`, wenn die aktuelle Route im Browser der des router-link entspricht. Mehr Infos dazu in der [API-Referenz](../api/router-link.md).
0 commit comments