How to use v-bind vue.js on multiple elements?

Question

Vue.js

Hello! Started learning Vue.js and can't figure out how to assign arguments to multiple blocks?
There is this code in HTML:

<div class='useMas' v-bind:class="[activeClass, errorClass]"></div>
<div class='useMas' v-bind:class="[isActive ? activeClass : '', errorClass]"></div>
<div class='useMas' v-bind:class="[{ active: isActive }, errorClass]"></div>

JS:

new Vue({
el:'.useMas',
data: {
  activeClass: 'active',
  errorClass: 'text-danger'
}
})

It works only for one block - the first one, ignores all the rest. Can you please tell me how to make it work for other blocks too?

Answer 1

Can you please tell me how to make it work for other blocks too?

Specify the parent element of these blocks in el.
I also don't see that you have the isActive property defined. Why is it used in the template, but not in data?