将vue组件放入单独的文件中?

时间:2017-03-22 13:35:32

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

由于我将创建相当多的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

1 个答案:

答案 0 :(得分:2)

您可以传播组件,例如:

components: {
    ...components
}