What are some examples of routing in Vue.js?

What are some examples of routing in Vue.js?

In Vue.js, routing is handled by Vue Router. You can define routes for different components. For example, you can set up a route for a home page and an about page.

Can you show me a code example for setting up 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);

export default new Router({
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
});

How do I navigate between these routes?

You can use the <router-link> component to navigate between routes. For example:

<router-link to='/'>Home</router-link>
<router-link to='/about'>About</router-link>

What if I want to pass parameters in the route?

You can define dynamic routes using a colon. For example:

{ path: '/user/:id', component: User }

Then you can access the parameter in your component using this.$route.params.id.