the official documentation says that "component" can be a component constructor created by Vue.extend (), or just a component configuration object. 
 but as shown in the code, the "component" here is an anonymous function, and the function body loads the subcomponents asynchronously with import (). Is that okay? 
 {
path: "tourcard-gardenOrder",
title: "",
name: "tourcard-gardenOrder",
component: () =>
    import ("@/views/tourcard/tourcard-gardenOrder/tourcard-gardenOrder.vue")}
