如何导入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)
在一个教程中我看到了这种导入组件的方法:
导出默认{ 姓名:'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)