将 vue 组件放入单独的文件中？答案

【问题标题】：Placing vue components into a separate file?将 vue 组件放入单独的文件中？
【发布时间】：2017-08-14 15:51:06
【问题描述】：

由于我将创建大量 Vue 组件，因此我想将我的 Vue 组件放入一个单独的文件中。这个文件应该是这样的：

components.js

import Slide from './components/slider/Slide.vue';
import Slider from './components/slider/Slider.vue';

export default {
    Slide,
    Slider
};

尝试像这样将其导入我的 Vue 实例是行不通的：

import components from './components';

components: {
    components
},

如何将这些组件导入到我的 Vue 实例中而无需显式定义它们？通过定义它们，我的意思是在我的组件对象中做这样的事情：

Slider: components.Slider等

【问题讨论】：

标签： ecmascript-6 vue.js vuejs2 vue-component

【解决方案1】：

您可以传播组件，例如：

components: {
    ...components
}

【讨论】：

完美。只需为 babel 启用 stage-2 预设即可使其正常工作。谢谢。