Vue组件不可见

Question

我的应用，js：

Vue.component('member-edit', require('./components/MemberEdit.vue'));
Vue.component('billings', require('./components/Billings.vue'));

我的组件成员编辑想在 html dom 中使用这样的组件帐单：

                <billings></billings>

及以下在脚本中：

    import {Billings} from '../components/Billings.vue'
    components: {
        Billings,
    },

我的计费组件的名称如下：

 export default {
    name: "billings",
}

但我仍然有错误：

app.js:14717 [Vue warn]: Unknown custom element: <billings> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

我的错误在哪里？我的组件名称是：Billings.vue

Answer 1

从导入中删除 {}。

{} 用于destructuring assignment，这对您的情况来说是不必要的。

随便用

import Billings from '../components/Billings.vue'