Consider the following application with markup “index.html” and javascript file “app.js”, and answer the given subquestions. index.html: app.js: const Booking = { template: Slot Booking , } const Error = { template: Page not Found } const Booked = { template: Unbooked Slots } const unBooked = { template: Booked Slots } const router = new VueRouter({ routes: [ { path: '/', component: Booking, children: [ { path: 'booked', component: Booked }, { path: 'unbooked', component: unBooked }, { path: '', component: Error }, ], }, ], }) new Vue({ el: '#app', router, }) Based on the above data, answer the given subquestions. Figure from the original question paper

Modern Application Development II · End Term · 11 Dec 2022 · September 2022 term · Set ETD1-2

MAD 2 End Term 11 Dec 2022 — Question 27

Question 27

+3 marksOne correct option

Consider the following application with markup “index.html” and javascript file “app.js”, and answer the given subquestions.

index.html:

html

1<body>
2    <div id="app">
3      <router-view />
4    </div>
5    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
6    <script
7src="https://unpkg.com/vue-router@3.0.0/dist/vue-router.js"></script>
8    <script src="app.js"></script>
9</body>

app.js:

javascript

1const Booking = {
2  template: `<div><div> Slot Booking </div><router-view /></div>`,
3}
4const Error = { template: `<div> Page not Found </div>` }
5const Booked = { template: `<div> Unbooked Slots </div>` }
6const unBooked = { template: `<div> Booked Slots </div>` }
7
8const router = new VueRouter({
9  routes: [
10    {
11      path: '/',
12      component: Booking,
13      children: [
14        { path: 'booked', component: Booked },
15        { path: 'unbooked', component: unBooked },
16        { path: '*', component: Error },
17      ],
18    },
19  ],
20})
21
22new Vue({
23  el: '#app',
24  router,
25})

Based on the above data, answer the given subquestions.

A
Page not Found
B
Booked Slots
C
Unbooked Slots
D
None of these

Show answer

Correct answer

A
Page not Found

See the whole paper Take it as a mock test

Question 27 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 11 Dec 2022, in the September 2022 term (IIT M DIPLOMA AN1 EXAM ETD1 11 Dec 2022). It carries 3 marks.

MAD 2 End Term 11 Dec 2022 — Question 27

Question 27

More questions from this paper