Vue实现开关按钮拖拽效果

<style>
    .box {
        position: absolute;
        left: 100px;
        top: 100px;
        width: 100px;
        height: 100px;
        background: red;
    }
    .box2 {
        position: absolute;
        left: 400px;
        top: 100px;
        width: 100px;
        height: 100px;
        background: green;
    }
</style>

<div id="app">

    <div class="box" v-drag="isDrag"></div>

    <div class="box2" v-drag:fn.limit.b="isDrag"></div>

    <button @click="isDrag = !isDrag">{
  {isDrag}}</button>

</div>

<script src="vue.js"></script>
<script>

    // 组件
    Vue.directive('drag', {
        bind(el, {value, arg, modifiers}) {
            console.log(value, arg, modifiers)
            el._value = value;
            el._isDrag