将多个延迟加载的Vue组件子级导入父级

时间:2019-08-08 13:23:27

标签: vue.js vue-component

我有许多使用相同子组件的组件。我试图通过将所有组件导入.js文件来节省一些时间和代码,类似于在vue中使用mixins。然后将该文件导入父组件。不幸的是,父组件无法识别这些导入的组件。看起来像一个简单的询问,但是很难实现。

当我在父级中登录子级时,我得到了带有两个vue组件的component对象,只是不确定如何在父级组件中使用它。我会在全球范围内导入它们,但是并不是每个组件都需要它们,所以效率不是很高。

我也觉得我要两次将Components导入到父级中,但是再次不确定如何完成此操作,尽管我会发布到目前为止的内容。

感谢您的帮助

**Children**

    export default {
      components: {
        Popover: () => import('@/components/inline-components/popover'),
        Button: () => import('@/components/inline-components/button')
      }
    }


**Parent**

<template>
<Button>I am the Button</Button>
</template>

import Children from 'utilities/children'

export default {
    components: {
        Children
    }
}

1 个答案:

答案 0 :(得分:0)

张贴来自侯赛姆·易卜拉欣评论的答案。

machines:[
    {
        node:'01',
        ram:'8',
        disks:[
            {
                sdasize:20,
                sdbsize:50
            },
        mounts:'nice'
    }];