How do I set up routing in a Vue CLI project?

How do I set up routing in a Vue CLI project?

To set up routing in a Vue CLI project, you need to install Vue Router. You can do this by running npm install vue-router.

What are the steps to create a router instance?

After installing Vue Router, you can create a router instance by importing it and defining your routes in a separate file.

Can you show me an example of defining routes?

Sure! Here's a simple example:

import Vue from 'vue';
import Router from 'vue-router';
import Home from './components/Home.vue';
import About from './components/About.vue';

Vue.use(Router);

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
];

const router = new Router({ routes });
export default router;

How do I use the router in my main.js file?

In your main.js, you need to import the router and add it to your Vue instance like this:

import Vue from 'vue';
import App from './App.vue';
import router from './router';

new Vue({
  render: h => h(App),
  router
}).$mount('#app');