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'

Vue组件不可见

1 个答案: