Can "component" be an anonymous function when vue-router defines a route?

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")

}

Mar.13,2021

can be written like this


import function returns a Promise object, and a module is saved inside the object, which is an object obtained after parsing and compiling the .vue file

.
Menu