Question 14: Consider the below Vue class binding. Script.js: Code 1:…

1var app = new Vue({
2    el: '#app',
3    data : {
4        classObj : {
5            is_active: true,
6            completed: false
7        },
8        myClass: 'is_active',
9        status: true
10    }
11})

1<div :class="classObj"></div>

1<div :class="[status ? myClass : '']"></div>

Select all that apply.

1. A

   The code snippet 1 will render the div element with class “completed”, if the “completed” property of “classObj” is set to true.

2. B

   The code snippet 2 will render the div element with class “completed”, if the data variable “status” is set to true.

3. C

   Both the code snippets will render same HTML

4. D

   Both the code snippets will render different HTML