liuming-vue

1.指令

1.1 一个用于追踪 dom 元素是否有鼠标悬停的 Hook

  <div v-useHove="useHove"></div>
  
  useHove(type){
    if(type == 'mouseenter'){
      this.num = 1
    }
    if(type == 'mouseout'){
      this.num = 0
    }
  }

1.2 优雅的管理目标元素外点击事件的 Hook。

  <div v-useClickAway="useClickAway"></div>
  
  useClickAway(type){
    console.log(11111)
  }

1.3 一个用于处理 dom 全屏的 Hook。

  <div class="box" id="box"></div>
  <button v-useFullscreen="`#box`">点击按钮#box全屏</button>

1.4 一个用于追踪input focus的 Hook。

  <input v-useFocus="useFocus"/>
  
   useFocus(){
      console.log(11111)
   }