vue2.0和vue3.0自定義指令的用法

html

<div v-setcolor="red" ></div>

1.vue2.0寫法

Vue.directive('setcolor', {
   bind(el, binding, vnode)  {
      el.style.color = binding
   }
})

2.vue3.0寫法(beforeMount為vue3.0的生命周期)

const app = Vue.createApp({})

app.directive('setcolor', {
   beforeMount(el, binding, vnode)  {
      el.style.color = binding.value
   }
})