Consider the below application with markup “index.html” and javascript file “app.js”. index.html: app.js: const data = { 1: { totalRun: 1000, totalMatches: 20 }, 2: { totalRun: 7000, totalMatches: 100 }, } const NotFound = { template: Player Not Found } const Profile = { template: Run: {{stat.totalRun}}, Matches: {{stat.totalMatches}}, Average: {{average}} , data() { return { stat: data[this.$route.params.id], } }, computed: { average() { return this.stat.totalRun / this.stat.totalMatches }, }, } const router = new VueRouter({ routes: [ { path: '/profile/:id', component: Profile }, { path: '', component: NotFound }, ], }) new Vue({ el: '#app', template: ' ', router, }) Suppose the application is running on “http://127.0.0.1:8080”. What will be displayed for the URL “http://127.0.0.1:8080/#/profile/1”?

(B) Run: 1000, Matches: 20, Average: 50

(C) Run: 7000, Matches: 100, Average: 70

Modern Application Development II · End Term · 30 Apr 2023 · January 2023 term · Set QPD1-S2

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

Question 13

+3 marksOne correct option

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

index.html:

html

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

app.js:

javascript

1const data = {
2  1: { totalRun: 1000, totalMatches: 20 },
3  2: { totalRun: 7000, totalMatches: 100 },
4}
5const NotFound = { template: `<div> Player Not Found</div>` }
6const Profile = {
7  template: `<div>Run: {{stat.totalRun}}, Matches:
8{{stat.totalMatches}}, Average: {{average}}</div>`,
9  data() {
10    return {
11      stat: data[this.$route.params.id],
12    }
13  },
14  computed: {
15    average() {
16      return this.stat.totalRun / this.stat.totalMatches
17    },
18  },
19}
20const router = new VueRouter({
21  routes: [
22    { path: '/profile/:id', component: Profile },
23    { path: '*', component: NotFound },
24  ],
25})
26
27new Vue({
28  el: '#app',
29  template: '<div><router-view /></div>',
30  router,
31})

Suppose the application is running on “http://127.0.0.1:8080”. What will be displayed for the URL “http://127.0.0.1:8080/#/profile/1”?

A
Player Not Found
B
Run: 1000, Matches: 20, Average: 50
C
Run: 7000, Matches: 100, Average: 70
D
None of these

Show answer

Correct answer

B
Run: 1000, Matches: 20, Average: 50

See the whole paper Take it as a mock test

Question 13 of 32 in the IIT Madras BS Modern Application Development II (MAD 2) End Term paper sat on 30 Apr 2023, in the January 2023 term (IIT M DIPLOMA ET1 EXAM QPD1 S2 30 Apr 2023). It carries 3 marks.

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

Question 13

More questions from this paper