eserdinyo

import Vue from 'vue'
import App from './App.vue'

Vue.directive('renk', {
  bind(el, binding) {
      if (binding.arg === 'background') {
        el.style.backgroundColor = binding.value;
      } else {
        el.style.color = binding.value;
      }

eserdinyo

import Vue from 'vue'
import App from './App.vue'

Vue.directive('renk', {
  bind(el, binding) {
      el.style.backgroundColor = 'blue';
  }
})

eserdinyo

import Vue from 'vue'
import App from './App.vue'

Vue.directive('renk', {
  bind(el, binding) {
      el.style.backgroundColor = binding.value;
  }
})

eserdinyo

import Vue from 'vue'
import App from './App.vue'

Vue.directive('renk', {
  bind(el, binding) {
      if (binding.arg === 'background') {
        el.style.backgroundColor = binding.value;
      } else {
        el.style.color = binding.value;
      }

eserdinyo

import Vue from 'vue'
import App from './App.vue'

Vue.directive('renk', {
  bind(el, binding) {

    let delay = 0;
    if (binding.modifiers['delayed']) {
      delay = 3000;
    }

eserdinyo

Vue.directive('renk', {
  bind(el, binding) {
      el.style.backgroundColor = binding.value;
  }
})

eserdinyo

Vue.directive('renk', {
  bind(el, binding) {
      if (binding.arg === 'background') {
        el.style.backgroundColor = binding.value;
      } else {
        el.style.color = binding.value;
      }
  }
})

eserdinyo

Vue.directive('renk', {
  bind(el, binding) {

    let delay = 0;
    if (binding.modifiers['delayed']) {
      delay = 3000;
    }
    setTimeout(() => {
      if (binding.arg === 'background') {
        el.style.backgroundColor = binding.value;

eserdinyo

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  directives: {
    "localRenk": {
      bind(el, binding, vnode) {
        let delay = 0;

eserdinyo

<script>
export default {
  data() {
    return {
      counter: 0,
    };
  },
  methods: {
    clicked() {
       this.counter ++;