Vue.js 是一種前端框架，它允許我們通過綁定屬性來控制 DOM 元素。其中，鼠標事件是 Vue.js 中最常用的一種事件，可以輕松地處理復雜的鼠標行為，例如點擊、移動、滾動等。

Vue.js 中有很多種鼠標事件，包括鼠標點擊（click）、鼠標移動（mousemove）、鼠標滾輪事件（mousewheel）以及鼠標進入（mouseenter)和鼠標離開（mouseleave）等。

下面是一個基本示例，演示了如何使用 Vue.js 監聽鼠標點擊事件并獲取點擊位置的坐標：

<div id="app">
<p>點擊此處獲取坐標：X = {{ x }}, Y = {{ y }}</p>
</div>

在上面的示例中，當用戶點擊 div 元素時，Vue.js 會調用 getMousePosition 方法，并將 MouseEvent 對象作為參數傳遞給該方法。在 getMousePosition 方法中，我們可以通過 event.clientX 和 event.clientY 獲取鼠標點擊的坐標，并將其分別綁定到 x 和 y 數據屬性上。