如何导入vue组件?

How to import vue components?

在一个教程中我看到了这种导入组件的方法:

导出默认{ 姓名:'Home', 组件: { 'counter' :require('@/components/Counter.vue').default

默认的方法是什么?

您有两种方法可以在第一个本地导入组件,如果该组件仅在一个或两个页面中使用,您可以像这样导入它

<script> 
import ButtonCounter from './ButtonCounter.vue' 
export default { components: { ButtonCounter } } 
</script>

如果这个组件将被太多页面使用,你可以像这样在 main.js

中全局导入它
import MyComponent from './App.vue' 
app.component('ButtonCounter', ButtonCounter)