Approach to using Vuetify library?

Question

Vue.js

I am new to programming. At the moment, the team I am part of is working on the application. To create the frontend part of this application, vue and vuetify are used. I have no experience with component libraries like vuetify.

I'm interested in the question: how much am I "hostage" to vuetify? For example, should I use the vuetify components v-container > v-row > v-col every time a block has a grid structure, since often the structure of such a block is easier to describe with CSS properties of the grid family.

Also, when is it appropriate to use helper classes (pa-0, font-weight-regular, etc.)? So far, I've used the BEM methodology in my styling work, defining block representations from start to finish.

Answer 1

I have no experience with component libraries like vuetify.

It's similar to Bootstrap and similar libraries. Just read the documentation and use what you need.

For example, should I use the vuetify components v-container > v-row > v-col every time a block has a grid structure, since often the structure of such a block is easier to describe with CSS properties of the grid family.

If it makes sense to use the Grid component, then use it. It all depends on what problem you are solving. There are solutions for every task.

when is it appropriate to use helper classes (pa-0, font-weight-regular, etc.)

In such, when appropriate. If you need these properties, then use them. Otherwise it's not necessary.