2017-03-14 3 views
0

Aktuelle Version: Laravel 5.2 mit nur Browserify nicht WebpackVue 2.2.2 zeigt nicht die Daten an die Ansicht

Ich habe schon alles wie wie folgt aufgebaut:

in meiner resources/js/app.js

window.Vue = require('vue'); 

new Vue({ el : '.row', 

    data : {  name: '' } 

}); 

aus meiner Sicht:

<div class="row"> 
    <input type ="text"> 
    <h1> @{{ name }} </h1> 

</div> 

Aber wenn ich versuche, es zu aktualisieren. Das DOM macht nur etwa 2 ms oder lassen Sie sich die zweiten Teil sagt dann ist es weg und es gibt einen Fehler, der sagt:

[Vue warnen]: Sie verwenden die Runtime-nur von Vue zu bauen, wo die Vorlage Compiler nicht verfügbar ist . Entweder kompilieren Sie die Vorlagen in Renderfunktionen oder verwenden Sie den Build, der vom Compiler enthalten ist. (gefunden in)

Antwort

1

Sie verwenden die runtime-only bauen, aber Sie müssen wahrscheinlich die standalone build, das zu tun, das folgende in Ihrem package.json einfach fügen Sie den Standalone-Build an Alias ​​(die die Vorlage Compiler enthält):

"browser": { 
    "vue": "vue/dist/vue.common.js" 
} 
+0

Dies funktioniert nicht für mich, mein Herr? warum – d3cypher

+0

Können Sie Ihr Paket.json hinzufügen? Wenn du Schluck benutzt, könntest du auch deine Schluckdatei hinzufügen? –

+0

Der Grund dafür könnte sein, dass ich den Runtime-Only-Build von Vue verwende, damit Vue keine Daten für mich anzeigt. Also muss ich Komponenten verwenden und vueify um die Daten anzuzeigen. Mann, kannst du bitte einige deiner js-Codes an mich weitergeben? Jede Hilfe wäre willkommen. Danke – d3cypher

Verwandte Themen