Adding Routing to a Vue.js cli 3.0 app

vue.js vue-router vue-cli
Jim Cooper picture Jim Cooper · May 1, 2018 · Viewed 29.7k times · Source

The new Vue.js 3.0 plugin architecture is nice, but it seems to to be missing a router plugin. If I choose not to install routing when I first create the project (vue create my-project), I'd expect that I could change my mind later and add routing with something like vue add @vue/router, but that plugin doesn't appear to exist. Is there a way to add routing from the CLI after the fact?

Answer

Isaac Obella picture Isaac Obella · Jun 19, 2018

After some experimenting with vue-cli3, i found that you can use vue add to setup components you missed.

Use vue add router That set up the routing and created some sample components Home and About.

This also work for other modules like adding vuetify with vue add vuetify. You can read more about vue add from the plugins and presets guide

Related questions

Vue.js redirection to another page

I'd like to make a redirection in Vue.js similar to the vanilla javascript window.location.href = 'some_url' How could I achieve this in Vue.js?

Read More
How can I get query parameters from a URL in Vue.js?

How can I fetch query parameters in Vue.js? E.g. http://somesite.com?test=yay. Can’t find a way to fetch or do I need to use pure JS or some library for this?

Read More
How to add external JS scripts to VueJS Components

I've to use two external scripts for the payment gateways. Right now both are put in the index.html file. However, I don't want to load these files at the beginning itself. The payment gateway is needed only in when …

Read More