Nativescript Vue插槽默认组件问题

Question

我试图用nativescript-vue创建一个移动应用程序，并且在使用插槽时遇到默认组件渲染的问题。 因此，有带框架和内部插槽的App.vue。

<Frame ~mainContent>
  <slot name="mainContent"></slot>
</Frame>

还有一个带有可用组件的路由器：

import EducationPlacesList from './components/EducationPlacesList'
import PersonalProfile from './components/PersonalProfile'

const router = {
   EducationPlacesList: EducationPlacesList,
   PersonalProfile: PersonalProfile
}

由于本机脚本vue当前不支持Vue路由器，因此有一种解决方案可以通过手动路由进行导航，并且效果很好。我有一个带有标签的边栏，ontap有一个 this.$navigateTo(this.$router[to], options)-通过点击可以完美重定向我。

但是，如果我启动我的应用程序并且不点击任何链接，则将出现空白。因为在导航到某个页面之前，插槽是空的。我想知道，有没有好的做法，如何为此插槽设置默认组件。