[Vuejs]-Nested Components and Proper Wrapping Techniques in VueJS

There’s nothing wrong with nesting components in the first place. But you have to keep in mind that nesting them, or just in general, just wrapping generic html components like a select into a Vue Component is very costly when it comes to rendering, especially when you are nesting them. Typically when all your component does is just wrapping a simple HTMl element with some styles, you should probably just use generic HTML with classes here, for performance sake.

Also, I’d try to get rid of all the jQuery code inside of Vue Components. Vue offers all the functionality that jQuery has and it’ll just increase loading times further.