Vue js: Eigenschaft kann nicht definiert werden: $ url

Question

Ich versuche eine Ajax-Anfrage von Vue-Ressource zu verwenden, um meine Daten in Vuejs zu füllen.

Aber wenn ich benötigen, um die vue-Ressource kehrt in Konsole Diese Nachricht: Uncaught Typeerror: $ url

Der Fehler im Code auftritt:

var Vue = require('vue'); 
Vue.use(require('vue-resource')); 

Answer 1

Es geschieht, weil du nicht Eigentum neu zu definieren Du rufst die Vue-Ressource zweimal an!

Wie ich weiß, dass Sie Laravel + Vue + Vue Ressource + Vueify + Browserify verwenden (Entschuldigung, ich habe nicht genug Ruf, um einen Kommentar zu seiner Frage hinzuzufügen, also fragte ich ihn auf andere Weise) stellen Sie sicher, Ihren Code das heißt wie:

main.js

'use strict'; 

import Vue from 'vue'; 
import VueResource from 'vue-resource'; 
import TrainingsList from './components/trainings/List.vue'; 

Vue.use(VueResource); 

new Vue({ 
    el: 'body', 
}); 

wie Sie die VueResource durch Ihre main.js importieren:

import VueResource from 'vue-resource';

Seien Sie sicher es ist nicht auf Ihrem gulpfile.js. Der Code unten ist Ihr Problem, wie Sie Vuejs von Browserify importieren und Kompilieren durch schluck

mix.scripts([ 
    '/../../../node_modules/vue/vue.js', 
    '/../../../node_modules/vue-resource/vue-resource.js', 
], 'public/js/scripts.js'); 

mix.browserify('main.js'); 

Alles, was Sie tun müssen, ist Ihre vue und vue-Ressource aus der gulpfile und Ihr Problem geht weg zu entfernen!