the bind directive hook

Author: hootlex

index.html

@@ -10,7 +10,8 @@ <h1 v-switching-color:fast.underline.textcenter="colors">Vue School</h1>
  </div>
 
  <script type="text/javascript">
- Vue.directive('switching-color', function (el, binding) {
+ Vue.directive('switching-color', {
+ bind (el, binding) {
  const modifiers = binding.modifiers
  if (modifiers.underline) {
  el.style.textDecoration = 'underline'
@@ -36,6 +37,7 @@ <h1 v-switching-color:fast.underline.textcenter="colors">Vue School</h1>
  i = 0
  }
  }, speed)
+ }
  })
 
  new Vue({