Question 14: Consider the below Vue router setup. Note: Assume that t…

1const UserProfile = {
2  template: `<div><h2>User Profile</h2><p>{{ user.name }}</p></div>`,
3  data() {
4    return {
5      user: {}
6    };
7  },
8  created() {
9    this.fetchUserData();
10  },
11  methods: {
12    async fetchUserData() {
13      const userId = this.$route.query.userId;
14      const response = await fetch(`/api/users/${userId}`);
15      this.user = await response.json();
16    }
17  }
18};
19
20const routes = [
21  { path: '/user', component: UserProfile }
22];
23
24const router = new VueRouter({
25  routes
26});