Vue提供了豐富的綁定事件的方式，它可以讓我們輕松地在頁面上響應用戶的操作。其中，document綁定事件是一種常見的方式，可以讓我們監聽整個頁面的操作，從而實現更加靈活的交互效果。

要使用document綁定事件，我們需要先引入Vue：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

在Vue中，可以通過`v-on`指令來綁定事件。我們可以在任何HTML元素上使用`v-on`指令來綁定一個事件。例如：<button v-on:click="handler">點擊我</button>，該代碼會在按鈕被點擊時觸發`handler`方法。

與此類似，我們可以使用`v-on`指令來綁定document的事件。例如，我們可以在Vue實例中使用以下代碼來捕獲整個頁面的`keydown`事件：

new Vue({
el: '#app',
mounted: function() {
document.addEventListener('keydown', this.keydownHandler);
},
methods: {
keydownHandler: function(event) {
console.log(event.keyCode);
}
}
});

在該代碼中，我們使用了Vue的生命周期函數`mounted`來注冊了`keydown`事件的監聽器，同時在`methods`中定義了`keydownHandler`方法來處理事件。使用這種方式，我們可以在頁面的任何位置都可以捕獲到`keydown`事件，并且可以單獨定義處理該事件的方法。

另外一種常見的使用Vue綁定document事件的方式是使用Vue的指令修飾符。指令修飾符是一種特殊的指令語法，它可以用來增強指令的功能。例如，我們可以在`v-on`指令中使用`keydown.enter`來指定只在用戶按下回車鍵時才會觸發事件：

<input v-on:keydown.enter="handler">

在這個例子中，我們只需要在Vue的模板中使用`v-on:keydown.enter`指令來綁定一個回車鍵事件處理方法即可。這樣，在用戶按下回車鍵時，就會自動觸發該方法。

除了`enter`以外，Vue還提供了其它事件修飾符，如`stop`、`prevent`、`capture`等，可以根據具體需要來選擇合適的事件修飾符。

總之，使用Vue綁定document事件是一種非常靈活的方式，可以讓我們在任何地方都可以處理全局事件，并且可以使用Vue的各種特性來增強事件的處理能力。