Vue: is multiple Vue apps for a single website oka

Question

Closed. This question is opinion-based. It is not currently accepting answers.

---

Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.

Closed 2 years ago.

Improve this question

I have a Hugo static website that I am making dynamic using Vue. We are transitioning. The long term plan is not yet confirmed but in the intermediate stage we are using Vue.

I already have a Vue app on one page and now I need to implement another page using Vue. So I am thinking that I will make another Vue app for that. Is this acceptable practice or is it against the recommended practice?

First vue app is for submitting a form. Second is for getting and displaying a list of items.

Answer 1

It's definitely not considered normal practice, though it's not completely wrong either. I think you might be confusing a single page application in the sense that there is only a single page for the entire website rather than a single page application which changes between multiple pages.

If you implement a router into your Vue application you can set routes to different pages. https://vuejs.org/v2/guide/routing.html

Answer 2

Definitely it's acceptable practice.

Vue can be used for single-page apps, but there's nothing wrong in using it in a traditional multiple page-based application. In this context, one Vue app can be one "widget" on such a page, big or small.

The need to have one "central" component will come the moment you'll require sharing data between multiple components. You'll probably get there - but you don't need to worry about it now.

In fact, one of major advantages of Vue is the ease of use in this particular setup. You can introduce it to your codebase step by step, start with a few components, and slowly make your way towards a modern app.

GitLab is known for going through a major progressive rewrite from jQuery to Vue, have a look at their story:

• Why we chose Vue
• How we do Vue: one year later