benötigen diese Funktion vue-Router ECMA-Script übersetzt 2015

Question

ich nicht die folgende Funktion 2015

route: { 
     data: function() { 
      return this.$http.get('/api/posts?sort=title&order=1').then(
        posts=>{this.table.posts = posts.data} 
      ); 
     } 
    }, 

weil this ist nicht refering zum Fenster Objekt ich die

[vue-router] Uncaught error during transition: be.js:3660:7 

TypeError: undefined has no properties[Learn More]be.js:16572:13 

Answer 1

erhalten ECMAScript bekommen übersetzt

Sie können bestimmte Funktionen wie shorthand method names und etwas kompaktere Pfeilfunktionen verwenden, um mehr ES2015 zu sehen, aber es wird die Funktionalität nicht ändern:

route: { 
    data() { 
     return this.$http 
      .get('/api/posts?sort=title&order=1') 
      .then(posts => { this.table.posts = posts.data }); 
    } 
}, 

Sie konnten nicht die data Hook-Funktion mit einem Pfeil Funktionen ersetzen, weil this an den falschen Kontext (entweder auf window oder undefined) beziehen würde, da seine this würde durch seine umgebenden lexikalischen Gültigkeitsbereich definiert werden und konnte nicht überschrieben werden.