ES6 模块导入

Question

如果我从 main.js 导入我的模块：

import Vue from 'vue'
import store from './vuex/store'
import VueResource from 'vue-resource'

Vue.use(VueResource);

import Component from './components/component.vue';

在这个例子中，我需要在我的 component.js 中重新导入 VueResource 吗？

如果不是，我不明白为什么我想在 component.js 中使用 vue ressource 时出错：

Cannot read property '$http' of undefined

component.js：

this.$http.get('http://ajaxurl.test').then((response) => {
        // success callback


    }, (response) => {
        //failure

    });

Answer 1

imports 不会被继承。每个模块都需要导入它需要的所有资源。