How do I set up routing in a Vue.js application using Vue CLI?

How do I set up routing in a Vue.js application using Vue CLI?

To set up routing in a Vue.js application, 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:

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

const router = new VueRouter({
  routes
});

How do I use the router in my main Vue instance?

You can use the router by passing it to the Vue instance like this:

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