如何使用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.

Answer 1

根据Vue API指南，它是{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}
});