VueJS - 资源插件无法正常工作

Question

我想使用vue-resource。但是当我这样做时

var Resource = require(‘vue-resource’);
Vue.use(Resource)

我在chrome dev控制台中收到错误消息：

  

Uncaught InvalidValueError：app.init不是函数

当我删除这两行时，一切都恢复正常 这是代码：

var Vue = require('vue');
var Resource = require('vue-resource');
import GIS from './components/GIS.vue';

Vue.component('map', GIS);
Vue.use(Resource);


window.app = new Vue({
    el: '#app',
    data: {
        address: '',
        latitude: '',
        longitude: ''
    },
    watch: {
        address: function() {
            this.requestAddress();
        }
    },
    methods: {
        init() {
            // Fire event when Maps API has been loaded
            this.$broadcast('MapsAPILoaded')
        },
        requestAddress() {
            this.$broadcast('RequestAddress')
        },
        deleteMarkers() {
            this.$broadcast('DeleteMarkers')
        }
    }
});