Answers for "class vue"

vue conditional class

<div :class="{ 'prop-name': boolVar }"></div>

vue class binding

<div v-bind:class="{ active: isActive }"></div>

class binding vue

<div class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

vue if echo class

<div class="defaultclass" :class="condition?' conditionalclasstoappend':''"></div>

vue class binding

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

methods vue class component

<template>
  <button v-on:click="hello">Click</button>
</template>

<script>
import Vue from 'vue'
import Component from 'vue-class-component'

@Component
export default class HelloWorld extends Vue {
  // Declared as component method
  hello() {
    console.log('Hello World!')
  }
}
</script>