Vue js Tabs and its usefulness. (Generally where do I put it??)

[mrchow19910319]

Hi everyone I am fairly new when it comes to VueJS.

May I ask that is it a good practice to use Tabs as a way of displaying different pages in a website?

Normally we use v-app-bar and buttons to achieve this.

What are Tabs generally used for ???

from this

 

to this...

 

 

[nothingasis]

Hello,

 

Sounds like you're using vuetify if you're using a component called v-app-bar.

 

Tabs can be used for a variety of things... navigation, forms, gallery library etc.

 

The general use case for them is usually for routers with children.

You'll often see in the Vue Router configuration a router object that looks like this with children

 

{
  name: "Blog",
  path: "/blog/",
  component: Blog,
  children: [
    {
    	...
    }
  ]
}

 

Where Blog.vue has router-view inside of its template and that's where  tab view of all your children may come in play.

[mrchow19910319]

On 6/25/2021 at 8:21 AM, nothingasis said:

Hello,

 

Sounds like you're using vuetify if you're using a component called v-app-bar.

 

Tabs can be used for a variety of things... navigation, forms, gallery library etc.

 

The general use case for them is usually for routers with children.

You'll often see in the Vue Router configuration a router object that looks like this with children

 

{
  name: "Blog",
  path: "/blog/",
  component: Blog,
  children: [
    {
    	...
    }
  ]
}

 

Where Blog.vue has router-view inside of its template and that's where  tab view of all your children may come in play.

I see, thanks! I may tag you for more question about Vuetify in the future. Thanks for the info1