[Vuejs]-Can I use BottomNavigation with components?

The hierarchy is always,

1. Frame
2. Page
3. Content (Layouts, ScrollView etc.,)

A Frame can only host a Page, it can not directly host Content. You need Frame only if you want to navigate within that particular container.

So your primary issue was not wrapping your BottomNavigation with a Page element.

Updated Playground