<!-- Tabbar for switching views-tabs -->
<f7-toolbar tabbar
labels
bottom>
<f7-link href="/"
tab-link-active
icon-ios="f7:home_fil"
icon-aurora="f7:home_fil"
icon-md="material:home"
text="Home"></f7-link>
<f7-link tab-link="#view-catalog"
href="/catalog/"
icon-ios="f7:list_fill"
icon-aurora="f7:list_fill"
icon-md="material:view_list"
text="Catalog"></f7-link>
<f7-link tab-link="#view-settings"
href="/settings/"
icon-ios="f7:settings_fill"
icon-aurora="f7:settings_fill"
icon-md="material:settings"
text="Settings"></f7-link>
</f7-toolbar>
<f7-view id="view-home"
:push-state="true"
main
tab
tab-active
url="/"></f7-view>
<!-- Catalog View -->
<f7-view id="view-catalog"
:push-state="true"
name="catalog"
tab
url="/catalog/"></f7-view>
<!-- Settings View -->
<f7-view id="view-settings"
name="settings"
:push-state="true"
tab
url="/settings/"></f7-view>
#home.vue
export default {
created(){
console.log('home created')
}
}
why?thank u …