vue-directive-zery

# 介绍

vue-directive-zery是一个vue的自定义指令扩展库，该库包含了一些常用的指令，例如：外部点击clickOutside，复制copy，防抖debounce，获取焦点focus，拖动draggable等等。减少重复的代码，使前端开发更加高效。

# 快速上手

前提条件

vue-directive-zery 需要 Node.js (opens new window)>= 8.6，目前只支持vue版本为2.x。

  1. 安装 在控制台中执行以下指令
npm i -S vue-directive-zery
// or
yarn add vue-directive-zery
  1. 引入依赖包 依赖于vue，引入vue和vue-directive-zery
// main.js
import Vue from 'vue'
import zery from 'vue-directive-zery'
Vue.use(zery)
  1. 使用
<template>
  <input v-model="text" placeholder="请输入">
  <button v-copy="success" :copy-text="text">复制</button>
</template>

<script>
export default {
  data() {
    return {
      text: 'vue-directive-zery'
    }
  },
  methods: {
    success(val) {
      alert('复制成功')
    }
  }
}
</script>

# 防止冲突，按需加载

direct.use(['watermarker', 'copy', 'longpress'])
Vue.use(direct)