Vue.js 如何在VueJS中创建可以移动到任何位置的按钮，如iPhone风格的虚拟主页按钮？

我想在VueJS中创建一个可以移动到任何位置的按钮，如iPhone风格（虚拟主页按钮），但我不知道有任何软件包或图书馆可以做到这一点。希望你们能帮我创造它

---

我创建了一个小JSFIDLE，您可以将其用作idea/jumpstart

$(document).ready(function(){
  var $moveable = $('#movable');
  $(document).mousemove(function(e){
    $moveable.css({'top': e.pageY,'left': e.pageX});
  });
});

---

您可以轻松地使用hammer.js编写代码。可以识别通过触摸、鼠标和指针事件做出的手势的hammer.js库

---

非常感谢@RoyJ对你的代码进行了估值，但我不想使用Jquery:（在Jquery中完成的所有工作都可以在VanillaJS中完成…基本上，它将是

document.getElementById（）

和

element.addEventListener（）

…我在web和移动设备上都使用得很好。非常感谢你的例子！！