Vue是一款前端框架，提供了豐富的方法來快速開發頁面，其中自動滾屏是一個常見的功能。在這篇文章中，我們將介紹如何使用Vue實現自動滾屏功能。

首先，在Vue組件創建時，在生命周期鉤子函數里添加要監聽的元素，如下所示：

created() {
let wrapper = document.getElementById('wrapper');
wrapper.addEventListener('scroll', this.handleScroll);
},

接著，在handleScroll方法里判斷滾動條的位置，如果已經滾到底部，則加載更多內容。代碼如下：

handleScroll() {
let wrapper = document.getElementById('wrapper');
let distance = wrapper.scrollHeight - wrapper.offsetHeight - wrapper.scrollTop;
if (distance === 0) {
// 加載更多數據
}
},

最后，我們還需要在組件銷毀時，移除監聽，如下所示：

beforeDestroy() {
let wrapper = document.getElementById('wrapper');
wrapper.removeEventListener('scroll', this.handleScroll);
}

通過上述代碼，我們就可以實現Vue的自動滾屏功能，使得頁面在滾動到底部時自動加載更多內容。