vue.js - 如何使用 ES6 模块系统在根实例中注册两个组件？

Question

我尝试了一切，但我就是想不通。向 Vue 专业人士寻求帮助 :D

import calendar_component from "./components/calendar_component.js";
import AKAD from "./ADAKNotes_revamp.js";
import list_component from "./components/list_component.js";


const AKAD_app  = new Vue({
    el: "#app",
    components: [calendar_component, list_component]
});

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

标签： vue.jsecmascript-6modulevue-componentes6-modules

Answer 1

在Vue API Guide中，它是一个对象{components }而不是一个数组。

所以试试下面的代码：

const AKAD_app  = new Vue({
    el: "#app",
    components: {calendar_component, list_component} 
    // or assign special id for components {'calendar': calendar_component, 'list-comp': list_component}
});