Question 15: Consider the below Vue class bindings: Code 1: Code 2: W…

1<div :class="[isActive ? 'activeClass' : '', 'errorClass']"></div>

1<div :class="[{ 'activeClass': isActive }, 'errorClass']"></div>

Select all that apply.

1. A

   Both the code snippets will render the same HTML.

2. B

   Both the code snippets will render the different HTML.

3. C

   The code snippet 2 will always render the element div with class “activeClass”, and “errorClass” will only be applied, if the data variable “isActive” is truthy.

4. D

   The code snippet 1 will always render the element div with class “errorClass”, and “activeClass” will only be applied”, if the data variable “isActive” is truthy.