Consider the below application with markup “index.html” and JavaScript file “app.js”. Filename: index.html Filename: app.js const records = { 1: {albums: "Heartrisers", songs: 20, genre: 4}, 2: {albums: "Pianobind", songs: 13, genre: 5} } const notFound = { template: Unknown record! } const myRecords = { template: {{record.albums}} has {{record.songs}} songs across {{record.genre}} genres. , data() { return {record: records[this.$route.params.id]} }, } const router = new VueRouter({ routes: [ { path: '/records/:id', component: myRecords }, { path: '', component: notFound }, ], }) new Vue({ el: '#app', template: ' ', router, }) Suppose the application is running on “http://127.0.0.1:8080”, select the correct option(s)?

(B) Option figure from the original question paper

(C) Option figure from the original question paper

(A) Option figure from the original question paper

(D) Option figure from the original question paper

Modern Application Development II · Quiz 2 · 24 Mar 2024 · January 2024 term

Question 16: Consider the below application with markup “index.html” …

Question 16

+4.5 marksOne or more correct options

Consider the below application with markup “index.html” and JavaScript file “app.js”.

Filename: index.html

html

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

Filename: app.js

javascript

1const records = {
2                  1: {albums: "Heartrisers", songs: 20, genre: 4},
3                  2: {albums: "Pianobind", songs: 13, genre: 5}
4                }
5
6const notFound = { template: `<h1>Unknown record!</h1>` }
7const myRecords = {
8    template: `<h1>{{record.albums}} has {{record.songs}} songs across
9               {{record.genre}} genres.</h1>`,
10    data() {
11        return {record: records[this.$route.params.id]}
12        },
13    }
14
15const router = new VueRouter({
16routes: [
17    { path: '/records/:id', component: myRecords },
18    { path: '*', component: notFound },
19],
20})
21
22new Vue({
23el: '#app',
24template: '<div><router-view /></div>',
25router,
26})

Suppose the application is running on “http://127.0.0.1:8080”, select the correct option(s)?

Select all that apply.

Show answer

Correct answers

See the whole paper Take it as a mock test

Question 16 of 16 in the IIT Madras BS Modern Application Development II (MAD 2) Quiz 2 paper sat on 24 Mar 2024, in the January 2024 term (IIT M DIPLOMA AN EXAM QDD2 24 Mar 2024). It carries 4.5 marks.

Question 16: Consider the below application with markup “index.html” …

Question 16

More questions from this paper