将 vue 组件放在一个单独的文件中?
Placing vue components into a separate file?
由于我将创建大量 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
等
您可以传播组件,例如:
components: {
...components
}
由于我将创建大量 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
等
您可以传播组件,例如:
components: {
...components
}