Vue js:无法重新定义属性:$ url

Question

我正在尝试使用vue-resource的ajax请求来填充vuejs中的数据.

但是当我要求vue-resource在控制台中返回此消息时: Uncaught TypeError:无法重新定义属性:$ url

代码中出现错误:

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

Answer 1

这是因为您正在调用vue资源两次!

据我所知,你正在使用Laravel + Vue + Vue资源+ Vueify + Browserify(对不起,我没有足够的声誉在他的问题上添加评论,所以我通过其他方式问他)确保你的代码是这样的:

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',
});

当您通过main.js导入VueResource时:

从'vue-resource'导入VueResource;

确定它不在你的gulpfile.js上.下面的代码是你的问题,因为你通过Browserify导入Vuejs并通过gulp进行编译

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

mix.browserify('main.js');

你需要做的就是从gulpfile中删除你的vue和vue-resource,你的问题就消失了!